tutorial pengembangan web terbaru
 

jQuery Melintasi - Leluhur


Leluhur adalah orang tua, kakek-nenek, buyut, dan seterusnya.

Dengan jQuery Anda dapat melintasi up pohon DOM untuk menemukan nenek moyang dari elemen.


Melintasi Up DOM Pohon

Tiga metode jQuery berguna untuk melintasi pohon yang DOM adalah:

  • parent()
  • parents()
  • parentsUntil()

jQuery parent() Metode

The parent() metode mengembalikan elemen induk langsung dari elemen yang dipilih.

Metode ini hanya melintasi satu tingkat atas pohon DOM.

Contoh berikut mengembalikan elemen induk langsung masing-masing <span> elemen:

Contoh

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

jQuery parents() Metode

The parents() method mengembalikan semua elemen leluhur elemen yang dipilih, semua jalan sampai ke elemen akar dokumen (<html>) .

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

Contoh

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

Anda juga dapat menggunakan parameter opsional untuk menyaring pencarian leluhur.

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

Contoh

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

jQuery parentsUntil() Metode

The parentsUntil() method mengembalikan semua elemen leluhur antara dua argumen yang diberikan.

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

Contoh

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

Uji Diri dengan Latihan!

Latihan 1 » Latihan 2» Latihan 3 » Latihan 4»


jQuery Melintasi Referensi

Untuk gambaran lengkap dari semua metode jQuery Melintasi, silakan kunjungi kami jQuery Melintasi Referensi .