jquery - 如何在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();

js小提琴。

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