0

複数回表示される親 div 内の最初の div 要素をすべて選択するのに苦労しています。

たとえば、「nav」のクラスを持つすべての親 div 内の最初の div を選択する必要があります。理解するには以下を参照してください。

<div class="container">
    <div class="nav">
        <div class="sub-item"></div> **SELECT THIS**
        <div class="sub-item"></div>
    </div>
</div>

<div class="container">
    <div class="nav">
        <div class="sub-item"></div> **SELECT THIS**
        <div class="sub-item"></div>
    </div>
</div>

このコードを試してみましたが、最初の親 div の div のみが選択されます。

$('.nav > div').eq(0);

どんな助けでも大歓迎です！

4

2 に答える 2

3

:first-childセレクターを使用するだけです。

$('.nav > div:first-child');

jsFiddleの例を次に示します。

于 2013-08-22T22:21:22.900 に答える
1

:first-childセレクターを使用します。

$('.nav > div:first-child')

divこれにより、要素の最初の子であるすべてが選択されます.nav。特に要素を選択する必要がない場合はdiv、次のように短縮できます。

$('.nav > :first-child')
于 2013-08-22T22:22:44.527 に答える