Как я могу найти все первый ребенок определенного элемента каждого DIV в JQuery

Question

У меня есть протекающий HTML

<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

поэтому он должен вернуть, с и е

Answer 1

С уже 5 ответами я знаю, что опаздываю, но Я прочитал ваш вопрос, желая вернуть их как массив ... так, если вы ищете массив, это то, что вы хотите:

var firstc = [] 

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

alert(firstc); 

http://jsfiddle.net/kbGcE/

Answer 2

Ну ...

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

Или даже это

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

Не так быстро, как первый tho.

Answer 3

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

Дем: http://jsfiddle.net/maniator/AerQE/

Answer 4

Вы можете использовать класс first-child псевдо получить первый ребенок, когда у вас есть селектор, чтобы получить элементы:

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

См этого образец скрипку: http://jsfiddle.net/3pqDZ/

Answer 5

$('div.group ul li:first-child')