jQuery Melintasi

❮ Sebelumnya Berikutnya Bab ❯

Sebuah keturunan adalah anak, cucu, cicit, dan sebagainya.

Dengan jQuery Anda dapat melintasi bawah pohon DOM untuk menemukan keturunan elemen.

Melintasi Bawah DOM Pohon

Dua metode jQuery berguna untuk melintasi bawah pohon DOM adalah:

children()
find()

jQuery children() Metode

The children() method mengembalikan semua anak langsung dari elemen yang dipilih.

Metode ini hanya melintasi satu tingkat ke bawah pohon DOM.

Contoh berikut mengembalikan semua elemen yang adalah anak-anak langsung dari masing-masing <div> elemen:

Contoh

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

Cobalah sendiri "

Anda juga dapat menggunakan parameter opsional untuk menyaring pencarian untuk anak-anak.

Contoh berikut mengembalikan semua <p> elemen dengan nama kelas "first" , yang adalah anak-anak langsung dari <div> :

Contoh

$(document).ready(function(){
$("div").children("p.first");
});

Cobalah sendiri "

jQuery find() Metode

The find() metode kembali kekerabatan unsur elemen yang dipilih, semua jalan ke keturunan terakhir.

Contoh berikut mengembalikan semua <span> elemen yang adalah keturunan dari <div> :

Contoh

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

Cobalah sendiri "

Contoh berikut mengembalikan semua keturunan <div> :

Contoh

$(document).ready(function(){
$("div").find("*");
});

Cobalah sendiri "

Uji Diri dengan Latihan!

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