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() { .. });