2013-07-30 25 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') 
相关问题