jQuery Traversal - Adik beradik

jQuery Traversal - Adik Beradik

Adik beradik mempunyai unsur induk yang sama.

Dengan jQuery, anda boleh lelaran melalui adik-beradik elemen dalam pepohon DOM.

Lintasan mendatar dalam pokok DOM

Terdapat banyak kaedah berguna yang membolehkan kita melintasi pokok DOM secara mendatar:

adik-beradik()

seterusnya( )

nextAll()

nextUntil()

prev()

prevAll()

prevUntil()

kaedah jQuery siblings()

kaedah siblings() mengembalikan semua elemen adik-beradik bagi elemen yang dipilih.

Contoh berikut mengembalikan semua elemen adik beradik <h2>:

Instance

$(document).ready(function(){
  $("h2").siblings();
});

Anda juga boleh menggunakan argumen pilihan untuk menapis carian unsur adik beradik.

Contoh berikut mengembalikan semua <p> elemen yang merupakan adik beradik kepada <h2>:

Instance

$(document).ready(function(){
  $("h2").siblings("p");
});

kaedah jQuery next()

<🎜 Kaedah >next() mengembalikan elemen adik beradik seterusnya bagi elemen yang dipilih.

Kaedah ini hanya mengembalikan satu elemen.

Contoh berikut mengembalikan elemen adik beradik seterusnya bagi <h2>:

Instance

$(document).ready(function(){
  $("h2").next();
});

kaedah jQuery nextAll()

nextAll() kaedah kembali Semua adik beradik yang mengikuti elemen yang dipilih.

Contoh berikut mengembalikan semua elemen adik beradik berikut bagi <h2>:

Instance

$(document).ready(function(){
  $("h2").nextAll();
});

kaedah jQuery nextUntil()

nextUntil() kaedah Returns semua unsur adik-beradik berikutan antara dua hujah yang diberikan.

Contoh berikut mengembalikan semua elemen adik beradik antara elemen <h2> dan <h6> () kaedah

Kaedah prev(), prevAll() dan prevUntil() berfungsi sama seperti kaedah di atas, tetapi dalam arah yang bertentangan: mereka mengembalikan elemen adik-beradik sebelumnya (dalam DOM Pokok itu dilalui ke belakang bersama elemen adik-beradik, bukan ke hadapan).