jQuery选择每个ul的第一个lis

Question

我需要在此结构中选择每个ul的第一个lis：

<div>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

我有这个选择器： container.find('div > ul > li:first')但是jquery引擎首先解析div > ul > li ，然后根据:first结果。 但是我想要每个ul的第一个li，例如： div > ul > (li:first) 。

我该如何解决？

Answer 1

您需要:first-child选择器：

说明：选择所有作为其父级的第一个子级的元素。

：first仅匹配一个元素，而：first-child选择器可以匹配多个：每个父元素都可以匹配。 这等效于：nth-​​child（1）。

参考： http : //api.jquery.com/first-child-selector/

例：

container.find('div ul > li:first-child');

或者，如果您有多个包含li的ul级别：

container.find('div > ul > li:first-child');

Answer 2

您正在寻找jQuery的each（）函数：

http://api.jquery.com/each/

$("#yourdiv ul").each(function(){
    $(this).find("li:first");
});

Answer 3

在li元素上使用“第一个孩子”选择器

$（“ ul li：first-child”）

Answer 4

$("#mydiv ul").each(function(){
 $('li:eq(0)',this);
});