查找不在特定父項內的元素

Question

我想弄清楚如何找到不在特定父項內的元素。下面是一個簡單的html：

<div class="id01"> 
<p>some text</p> 
</div> 

<p>some more text</p> 

<p>some more more text</p> 

好了，現在我需要找到一個第一款不是父＃ID01內，這是我在哪裏迷路。我開始那樣做

$('p:first').text(); //this way i would get the P inside DIV but I want to skip that one and count on next one that has no parent #01 

希望我清楚。

Answer 1

解決方案1：

$('p').not('.id01 *').eq(0) 

解決方案2：

$('p').filter(function(){ return $(this).closest('.id01').length==0 }).eq(0) 

Answer 2

使用情商（）爲<p>

console.log($('p').eq(1).text()); //some more text 
console.log($('p').eq(2).text()); //some more more text 

Answer 3

很簡單的方式指數，由adamb這一切的建議東西是在jQuery網站上，但這裏

$("p:first").not($(".id01 p")); 

應該給你你想要的。

Answer 4

您可以輕鬆使用:not()選擇器，並與:first結合使用。

$("p:not(.id01 p):first").text() 

JSFiddle。

Answer 5

您可以使用的.next（）選擇

$（ 「div.id01」）。接下來（ 'P'）