jQuery選擇只有第一級DIV

<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這裏。

2012-10-09 Marc

選擇它的孩子

也許這樣？ foo不是後代？

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

2012-10-09 03:04:19

有誰知道這個解決方案是否比$（'body> .foo'）更有效率。 –

如果你的元素將成爲body的子元素，那麼$（'body> foo'）可能會更有效率，因爲它只搜索子元素 –

我認爲這個解決方案效率較低但是更靈活，因爲html結構可以是不同的，divs不一定是直接的孩子。偉大的解決方案，這對我有用，謝謝！ – Marc

您可以使用>孩子選擇：

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

2012-10-09 03:03:54 undefined

+1並非常感謝你，但如果div的是身體沒有直接的孩子，所以很遺憾，這不是很靈活（然而，這完全回答我的問題），這是行不通的。 – Marc

@Marc不用客氣，你可以用.foo元素的父項替換body。 – undefined

是的我知道，但他們在我的項目中沒有共同的父項，所以'$（'。foo'）。not（'。foo .foo'）'對我來說最適合。 – Marc

您可以使用body作爲父元素，並使用Child Selector

$('body > .foo').length

2012-10-09 03:04:05 sachleen

回答