jQuery Traversing - Leluhur
Dengan jQuery Anda dapat melintasi pohon DOM untuk menemukan nenek moyang suatu elemen.
Leluhur adalah orang tua, kakek nenek, buyut, dan seterusnya.
Melintasi Pohon DOM
Tiga metode jQuery yang berguna untuk melintasi pohon DOM adalah:
parent()
parents()
parentsUntil()
jQuery parent() Metode
Metode parent()
mengembalikan elemen induk langsung dari elemen yang dipilih.
Metode ini hanya melintasi satu tingkat di atas pohon DOM.
Contoh berikut mengembalikan elemen induk langsung dari setiap <span>
elemen:
Contoh
$(document).ready(function(){
$("span").parent();
});
orang tua jQuery () Metode
Metode parents()
ini mengembalikan semua elemen ancestor dari elemen yang dipilih, sampai ke elemen root dokumen ( <html>
).
Contoh berikut mengembalikan semua leluhur dari semua
<span>
elemen:
Contoh
$(document).ready(function(){
$("span").parents();
});
Anda juga dapat menggunakan parameter opsional untuk memfilter pencarian leluhur.
Contoh berikut mengembalikan semua leluhur dari semua <span>
elemen yang merupakan <ul>
elemen:
Contoh
$(document).ready(function(){
$("span").parents("ul");
});
orang tua jQuery Sampai () Metode
Metode parentsUntil()
mengembalikan semua elemen leluhur antara dua argumen yang diberikan.
Contoh berikut mengembalikan semua elemen ancestor antara a <span>
dan <div>
elemen:
Contoh
$(document).ready(function(){
$("span").parentsUntil("div");
});
Latihan jQuery
Referensi Melintasi jQuery
Untuk ikhtisar lengkap tentang semua metode Jelajah jQuery, silakan kunjungi Referensi Jelajah jQuery kami .