anak-anak jQuery () Metode
Contoh
Kembalikan elemen yang merupakan turunan langsung dari <ul>:
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px solid red"});
});
Hasil:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Definisi dan Penggunaan
Metode children() mengembalikan semua anak langsung dari elemen yang dipilih.
Pohon DOM: Metode ini hanya melintasi satu tingkat di bawah pohon DOM. Untuk melintasi beberapa level (untuk mengembalikan cucu atau keturunan lainnya), gunakan metode find() .
Tip: Untuk melintasi satu tingkat ke atas pohon DOM, atau sampai ke elemen akar dokumen (untuk mengembalikan parent atau ancestor lainnya), gunakan metode parent() atau parent( ) .
Catatan: Metode ini tidak mengembalikan node teks. Untuk mengembalikan semua anak termasuk node teks, gunakan metode isi() .
Sintaksis
$(selector).children(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for children |
Cobalah Sendiri - Contoh
Cara mengembalikan semua turunan langsung dari elemen <ul>.
Cara menggunakan parameter filter untuk mengembalikan semua elemen <li> dengan nama kelas "pertama", yang merupakan turunan langsung dari <ul>.
Cara memilih semua elemen <p> yang merupakan turunan langsung dari elemen <div> induknya.
Demonstrasi yang menunjukkan siapa sebenarnya turunan elemen <div>.