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();

jsFiddle。

これにより、すべてのp要素が取得され、それらの参照がテキストに置き換えられて繰り返され、jQueryオブジェクトから実際の配列が取得され、それらがjoin()（,デフォルトの区切り文字）で結合されます。