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