jQuery的每個元素，但只有第一個父母？

Question

有沒有辦法只選擇頂級父母在一個div？

我的結構：

<div class="topParent"> 
    +<div class="child"> 
     -<div class="child"> 
      -<div class="child"></div> 
     </div> 
    </div> 

    +<div class="child"></div> 
</div> 

我已經添加了+和 - 符號來表示什麼，我試圖讓。我使用$('.topParent').find('.child').each(function() { .. });進行迭代，但是我得到了循環中選擇的所有.child元素。

有沒有辦法只選擇top .child元素，然後通過它們並計算特定div有多少其他.child元素？

Answer 1

$('.topParent > .child').each(function() {...}); 

只選擇直接的孩子！

Answer 2

$('.topParent').children('.child').each(function() { .. });