javascript - 特定の親の内部にない要素を検索する

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

私がそれを明らかにしたことを望みます。

score 4 · Accepted Answer

そのために：not（）セレクターを。と組み合わせて簡単に使用できます:first。

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

score 2 · Accepted Answer

解決策1：

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

解決策2：

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

score 1 · Accepted Answer

adambが示唆しているように、非常に簡単な方法です。これらはすべてjQueryサイトにありますが、ここにあります。

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

あなたが望むものをあなたに与えるべきです。

score 1 · Accepted Answer

1

.next（）セレクターを使用できます

$（ "div.id01"）。next（'p'）

于 2013-03-04T17:06:48.600 に答える

score 0 · Accepted Answer

のインデックスにはeq（）を使用します<p>

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

5 に答える 5