如何在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()（,连接起来是默认分隔符。）