Come ottenere valore elemento secondario separato da virgole in jQuery

Question

Ho una lista:

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

voglio arrivare value1,value2,value3. Sto usando:

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

Ma sto ricevendo value1value2value3.

Qualcuno può dirmi come ottenere un valore separato da virgola?

Answer 1

Si potrebbe provare questo ...

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

jsFiddle.

Questo ottiene tutti gli elementi p, itera sostituendole loro riferimenti con il testo, quindi ottiene un array reale dall'oggetto jQuery, e li unisce con join() (la , è il separatore predefinito).