2012-11-16 35 views
7

以逗號分隔的子元素的值我有一個列表:如何獲得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

誰能告訴我如何獲得逗號分隔值?

回答

13

你可以試試這個...

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

jsFiddle

這得到所有p元素,遍歷他們與他們的文本替換它們的引用,那麼會從jQuery對象真正的數組,並與join()加入他們(,是默認的分隔符)。

+0

@Rashmi你實施錯了。你有'toString()'這個jQuery對象。檢查小提琴。 – alex

+0

謝謝,那份工作。:) –