jquery - jqueryは各ulの最初のlisを選択します

Question

この構造の各ulの最初のliを選択する必要があります。

<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セレクターは複数の要素に一致する可能性があります。親ごとに1つです。これは：nth-​​child（1）と同等です。

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

例：

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

または、複数のレベルの'をul含む場合li：

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

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

Answer 4

li要素で「最初の子」セレクターを使用する

$（ "ul li：first-child"）