jquery - jQuery - 遍历 dom 并选择

Question

我很难选择多次出现的父 div 中的所有第一个 div 元素。

例如，我需要选择每个具有“导航”类的父 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);

任何帮助表示赞赏！

Answer 1

只需使用:first-child选择器；

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

这是一个 jsFiddle 示例。

Answer 2

使用:first-child选择器：

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

这将选择元素div的第一个子.nav元素。如果您不需要div专门选择元素，则可以将其缩短为：

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