jQuery トラバーサル next()、nextAll() メソッドの使用例_jquery

jquery トラバーサル: next() メソッドと nextAll() メソッド。例は次のとおりです。

コードをコピーします コードは次のとおりです:

<頭>

<スクリプトタイプ="text/javascript">
$(document).ready(function(){
//$("div").click(function(){alert($(this).next().text());});
//$("div").click(function(){alert($(this).nextAll().text());});
$("div").click(function(){alert($(this).nextAll("div").text());});
});

こんにちは、ビューティー

hello,world

美人、キスしてください

私は p タグです

私はハンサムです、写真と真実を持っています

私も p タグです

説明:

(1) next() メソッド: 一致する要素の隣接する兄弟要素 (つまり、次の兄弟要素) を取得することを指します。兄弟要素は同じラベルを持つ要素ではなく、閉じた次の兄弟要素を参照することに注意してください。要素の要素 (例では「

Beauty, give me a Kiss

」)。div が閉じられた後の次の要素は

です。

(2) next() がパラメーター、つまり next("div") を追加する場合、次に隣接する要素が div でない場合、その要素は空になります。つまり、隣接している必要があります。

(3) nextAll() メソッド: 一致する要素以降のすべての兄弟要素を取得することを指します。 nextAll("p") や nextAll("div") などのパラメーターを追加することもできます。

(4) 奇妙なのは、次のコードの場合です:

コードをコピーします コードは次のとおりです:

$("div").click(function(){alert($(this).nextAll("div").html());});

すべての HTML コンテンツを取得するのではなく、次の兄弟要素の HTML コンテンツのみを取得します。 ? ? ?疑問