Latest web development tutorials

jQuery traversal - leluhur

Ayah leluhur, kakek atau kakek buyut, dan seterusnya.

Dengan jQuery, Anda dapat melintasi up pohon DOM untuk elemen leluhur.

Hingga melintasi pohon DOM

Metode-metode jQuery berguna, mereka digunakan untuk melintasi atas pohon DOM:

  • orang tua ()
  • orang tua ()
  • parentsUntil ()

jQuery orangtua () metode

Metode induk () mengembalikan elemen induk langsung dari elemen yang dipilih.

Metode ini hanya sampai satu pasangan pohon DOM traversal.

Contoh berikut mengembalikan elemen induk langsung setiap <span> elemen:

contoh

$(document).ready(function(){
$("span").parent();
});

Coba »

jQuery orang tua () metode

orang tua () metode mengembalikan leluhur semua unsur elemen yang dipilih, itu semua jalan sampai elemen akar dokumen (<html>).

Contoh berikut mengembalikan semua nenek moyang dari semua <span> elemen:

contoh

$(document).ready(function(){
$("span").parents();
});

Coba »

Anda juga dapat menggunakan parameter opsional untuk menyaring pencarian elemen leluhur.

Contoh berikut mengembalikan semua nenek moyang dari semua <span> elemen, dan itu adalah <ul> elemen:

contoh

$(document).ready(function(){
$("span").parents("ul");
});

Coba »

jQuery parentsUntil () metode

parentsUntil () metode mengembalikan leluhur semua elemen antara dua elemen yang diberikan.

Contoh berikut mengembalikan leluhur antara semua elemen <span> dan <div> elemen antara:

contoh

$(document).ready(function(){
$("span").parentsUntil("div");
});

Coba »