如何在jQuery中用逗号分隔子元素值

Question

我有一个清单:

<ul class='class-name'>
  <li><p>value1</p></li>
  <li></li>
  <li><p>value2</p></li>
  <li><p>value3</p></li>
</ul>

我想得到value1,value2,value3.我正在使用:

$('ul.class-name > li > p').text();

但我得到了value1value2value3.

谁能告诉我如何获得逗号分隔值？

Answer 1

你可以尝试这个......

$('ul.class-name > li > p')
    .map(function() { return $(this).text(); }).get().join();

jsFiddle.

这将获取所有p元素,迭代它们用文本替换它们的引用,然后从jQuery对象获取一个真实的数组,并将它们连接起来join()(这,是默认的分隔符).