Latest web development tutorials

jQuery anak () metode

metode traversal jQuery metode traversal jQuery

contoh

Kembali <ul> langsung elemen anak:

$(document).ready(function(){
$("ul").children().css({"color":"red","border":"2px solid red"});
});

hasil:

body (great-grandparent)
div (grandparent)
    ul (parent)
  • li (child) span (grandchild)

Coba »

Definisi dan Penggunaan

Metode anak () mengembalikan elemen yang dipilih semua elemen anak langsung.

DOM tree: Metode ini hanya satu tingkat melintasi bawah pohon DOM. Untuk melintasi bawah beberapa tingkatan (keturunan node atau keturunan lainnya kembali), gunakan find () metode.

Tip: Untuk melintasi pohon DOM ke atas sepanjang satu tingkat, atau melalui semua jalur sampai elemen akar dokumen ke atas (pulang orang tua atau nenek moyang lainnya), penggunaan induk () atau orang tua () metode.

Catatan: Metode ini tidak kembali node teks. Untuk mengembalikan semua node anak yang mengandung node teks, menggunakan isi () metode.


tatabahasa

$(selector).children( filter )

参数 描述
filter 可选。规定缩小搜索子元素范围的选择器表达式。


contoh

contoh yang lebih

Kembali <ul> Semua elemen anak langsung
Cara Kembalikan <ul> elemen dari semua elemen anak langsung.

Mempersempit pencarian Anda
Cara menggunakan parameter penyaring untuk kembali <ul> elemen anak langsung dengan nama kelas dari "1" untuk semua <li> elemen.

Kembali <div> elemen anak langsung dari semua elemen <p>
Bagaimana untuk memilih <div> elemen anak langsung dari semua <p> elemen.

Presentasi oleh keturunan nama tag elemen
Demo <div> keturunan elemen.


metode traversal jQuery metode traversal jQuery