jQuery选择器只有第一级div

Question

鉴于此HTML：

​<div class="foo">
    select this
    <div class="foo">​don't select this</div>
</div>
<div class="foo">
    select this
</div>

选择器只能抓住第一级的div，而不是嵌套的div？

因此查询​$('.foo WHATEVER').length应返回2.

请在此处查看 jsfiddle 。

Answer 1

您可以使用>子选择器：

$('body > .foo').length;

http://jsfiddle.net/pSBxv/

Answer 2

也许是这样的？ foo不是后代？

$('.foo').not('.foo .foo').length

http://jsfiddle.net/DmDBV/

Answer 3

您可以使用body作为父元素，并使用Child Selector

选择子元素

$('body > .foo').length

Demo