Jak uzyskać wartość elementu dzieci oddzielone przecinkiem w jQuery

Question

Mam listę:

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

chcę uzyskać value1,value2,value3. Używam:

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

Ale otrzymuję value1value2value3.

Czy ktoś może mi powiedzieć, jak uzyskać wartość oddzieloną przecinkami?

Answer 1

Można spróbować to ...

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

jsFiddle.

To dostaje wszystkie elementy p, iteracje nad nimi zastąpienie ich referencje ze swoim tekstem, a następnie dostaje prawdziwe tablicę z obiektu jQuery, i łączy je z join() (the , jest domyślny separator).