tutorial pengembangan web terbaru
 

jQuery children() Method

<Metode jQuery Melintasi

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.


<Metode jQuery Melintasi