javascript - jQuery 选择器只有一级 div

Question

鉴于此 HTML：

&lt;div class="foo">
    select this
    <div class="foo">don't select this</div>
</div>
<div class="foo">
    select this
</div>

什么是选择器只抓取第一级的 div，而不是嵌套的？

所以查询$('.foo WHATEVER').length应该返回 2。

请参阅此处的jsfiddle。

score 4 · Accepted Answer

4

您可以使用>子选择器：

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

于 2012-10-09T03:03:54.440 回答

score 3 · Accepted Answer

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

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

score 2 · Accepted Answer

您可以body用作父元素并使用子选择器选择它的子元素

$('body > .foo').length

3 回答 3