2013-07-30 32 views
-1

我有流動的HTML我怎樣才能找到每個格的特定元素的所有的第一個孩子的jQuery

<div class="group"> 
    <ul> 
    <li>a</li> 
    <li>b</li> 
    </ul> 
</div> 

<div class="group"> 
    <ul> 
    <li>c</li> 
    <li>d</li> 
    </ul> 
</div> 

<div class="group"> 
    <ul> 
    <li>e</li> 
    <li>f</li> 
    </ul> 
</div> 

我想找到每個格的所有第一<li>。我怎樣才能做到這一點使用jQuery

所以它應該返回A,C和E

+0

5答案了嗎?該死的我太慢:( – Dunno

+0

..但只有兩個正確的答案。:) – DevlshOne

+0

他畸形的標記沒有幫助。 – canon

回答

4

已經有5個答案,我知道我遲到了,但是我看了你的問題,因爲要他們返回數組...所以,如果你正在尋找一個陣列,這是你想要什麼:

var firstc = [] 

$(".group li:first-child").each(function() { 
    firstc.push($(this).text()); 
}); 

alert(firstc); 

http://jsfiddle.net/kbGcE/

+0

不要說,http://jsfiddle.net/KyJYA/檢查我的 –

+0

沒有每個都返回什麼? – pdiddy

+0

'each'用於在LI中循環並將LI的文本推送到數組中。所以,沒有'each',在我的例子中沒有任何東西被返回。你爲什麼要問?你試圖完成什麼? –

0

嗯......

$('.group').find('li:first-child') 

甚至這個

$('.group li:first-child'); 

沒有那麼快,第一個壽。

0
selector = '.group > ul > li:first-child' 

演示:http://jsfiddle.net/maniator/AerQE/

+1

這隻會讓你在整個DOM中獲得第一個'.group> ul> li',而不是每一個。 – BoltClock

+0

@BoltClock哎呀,謝謝。我偶然離開了'小孩'。謝謝 – Neal

0

可以使用first-child僞類來獲得的第一個孩子,一旦你有一個選擇,以獲得元素:

$.each($(".group > ul >li:first-child"), function() 
     { 
      console.log($(this).text()); 
     }); 

見這個樣本小提琴:http://jsfiddle.net/3pqDZ/

0
$('div.group ul li:first-child') 
相關問題