jQuery traversal next(), nextAll() kaedah penggunaan examples_jquery

kaedah jquery traversal: next() dan nextAll(). Contohnya adalah seperti berikut:

Salin kod Kod adalah seperti berikut: $(dokumen).sedia(fungsi(){ //$("div").klik(function(){alert($(this).next().text());}); //$("div").klik(function(){alert($(this).nextAll().text());}); $("div").klik(fungsi(){alert($(this).nextAll("div").text());}); }); div{width:300px;height:30px;background:green;margin-top:10px;} Helo, Beauty hello,world Cantik, berikan saya ciuman Saya p tag

Saya kacak, saya ada gambar dan kebenaran Saya juga seorang p tag

Penerangan:

Kaedah (1) seterusnya(): merujuk kepada mendapatkan unsur adik beradik bersebelahan unsur padanan (iaitu unsur adik beradik seterusnya ambil perhatian bahawa unsur adik beradik bukan unsur dengan label yang sama, tetapi rujuk adik beradik seterusnya yang tertutup). elemen elemen, seperti " Beauty, give me a kiss " dalam contoh, elemen seterusnya selepas div ditutup ialah .

(2) Jika next() menambah parameter, iaitu next("div"), jika elemen bersebelahan seterusnya bukan div, ia akan kosong, iaitu, ia mesti bersebelahan.

Kaedah (3) nextAll(): merujuk kepada mendapatkan semua elemen adik beradik selepas elemen padanan. Ia juga boleh menambah parameter, nextAll("p") atau nextAll("div"), dsb.

(4) Sesuatu yang pelik ialah jika kod ini:

Salin kod Kod adalah seperti berikut: $("div").klik(fungsi(){alert($(this).nextAll("div").html());}); Ia tidak mendapat semua kandungan html, tetapi hanya kandungan html unsur adik beradik seterusnya. ? ? ? Keraguan