查找不在特定父级内的元素

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

您可以轻松地使用:not()选择器与:first结合使用。

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

JSFiddle

Answer 2

解决方案1：

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

解决方案2：

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

Answer 3

非常简单的方法，正如adamb所建议的那样，所有这些东西都在jQuery网站上，但是这里

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

应该给你你想要的东西。

Answer 4

你可以使用.next（）选择器

  

$（ “div.id01”）。下一个（ 'P'）

Answer 5

使用eq（）作为<p>

的索引

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