Question

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

例如，我需要选择每个父div中具有“nav”类的第一个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');

Here是一个jsFiddle示例。

Answer 2

使用:first-child selector：

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

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

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

jQuery - 遍历dom并选择

2 个答案: