jQuery Melintasi

❮ Sebelumnya Berikutnya Bab ❯

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»