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

前端之家收集整理的这篇文章主要介绍了如何在jQuery中用逗号分隔子元素值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个清单:
<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.

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

解决方法

你可以尝试这个……
$('ul.class-name > li > p')
    .map(function() { return $(this).text(); }).get().join();

jsFiddle.

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

猜你在找的jQuery相关文章