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>

我想找到每个div的第一个<li>。如何使用jQuery

实现这一目标

所以应该返回a，c和e

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');

没有第一个那么快。

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')

如何在jQuery中找到每个div的特定元素的所有第一个子元素

5 个答案: