Contoh
Kembali elemen yang adalah anak-anak 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)
Cobalah sendiri " Definisi dan Penggunaan
The children() method mengembalikan semua anak langsung dari elemen yang dipilih.
Pohon DOM: Metode ini hanya melintasi satu tingkat ke bawah pohon DOM. Untuk melintasi turun beberapa tingkatan (untuk kembali cucu atau keturunan lainnya), gunakan find() metode.
Tip: Untuk melintasi satu tingkat atas pohon DOM, atau semua jalan sampai ke elemen akar dokumen (untuk kembali orang tua atau nenek moyang lainnya), gunakan parent() atau parents() metode.
Catatan: Metode ini tidak kembali node teks. Untuk mengembalikan semua anak termasuk node teks, gunakan contents() metode.
Sintaksis
$(selector).children( filter )| Parameter | Deskripsi |
|---|---|
| filter | Pilihan. Menentukan ekspresi pemilih untuk mempersempit pencarian untuk anak-anak |
Coba Sendiri - Contoh
Kembali semua anak langsung dari <ul>
Bagaimana mengembalikan semua anak langsung dari <ul> elemen.
Mempersempit pencarian
Cara menggunakan parameter penyaring untuk mengembalikan semua <li> elemen dengan nama kelas "pertama", yang adalah anak-anak langsung dari <ul> .
Kembali semua <p> elemen yang adalah anak-anak langsung dari <div>
Bagaimana memilih semua <p> elemen yang adalah anak-anak langsung dari orang tua mereka <div> elemen.
Tampilkan keturunan elemen dengan nama tag
Sebuah demonstrasi yang menunjukkan yang keturunan dari <div> elemen sebenarnya.