jQuery - 遍歷DOM並選擇

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 selector：

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

這將選擇每div這是一個.nav元素的第一個孩子。如果您不需要專門選擇div元素，則可以將其縮短爲：

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

Answer 2

只需使用:first-child選擇器;

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

Here是一個jsFiddle的例子。