jQuery Traversing - Keturunan
Dengan jQuery Anda dapat menelusuri pohon DOM untuk menemukan turunan dari suatu elemen.
Keturunan adalah anak, cucu, cicit, dan seterusnya.
Melintasi Pohon DOM
Dua metode jQuery yang berguna untuk melintasi pohon DOM adalah:
children()find()
anak-anak jQuery () Metode
Metode children()mengembalikan semua anak langsung dari elemen yang dipilih.
Metode ini hanya melintasi satu tingkat di bawah pohon DOM.
Contoh berikut mengembalikan semua elemen yang merupakan turunan langsung dari setiap <div>elemen:
Contoh
$(document).ready(function(){
$("div").children();
});
Anda juga dapat menggunakan parameter opsional untuk memfilter pencarian anak-anak.
Contoh berikut mengembalikan semua <p>elemen dengan nama kelas "pertama", yang merupakan anak langsung dari <div>:
Contoh
$(document).ready(function(){
$("div").children("p.first");
});
jQuery find() Metode
Metode find()ini mengembalikan elemen turunan dari elemen yang dipilih, sampai ke turunan terakhir.
Contoh berikut mengembalikan semua <span>elemen yang merupakan turunan dari <div>:
Contoh
$(document).ready(function(){
$("div").find("span");
});
Contoh berikut mengembalikan semua turunan dari <div>:
Contoh
$(document).ready(function(){
$("div").find("*");
});
Latihan jQuery
Referensi Melintasi jQuery
Untuk ikhtisar lengkap tentang semua metode Jelajah jQuery, silakan kunjungi Referensi Jelajah jQuery kami .