Metode children

Metode children hanya mengembalikan elemen anak langsung dan tidak mengembalikan node teks. Untuk mengembalikan semua elemen turunan, termasuk teks dan komentar, gunakan metode contents.

Sintaks

Mendapatkan elemen anak langsung:

.children();

Anda juga dapat memfilter elemen anak berdasarkan selektor yang diberikan:

.children(selektor);

Contoh

Mari temukan semua elemen anak langsung dari tag div dan tambahkan '!' di akhirnya menggunakan metode append:

<div>
	<p>teks</p>
	<p>teks</p>
	<p>teks</p>
</div>

$('div').children().append('!');

Kode HTML akan terlihat seperti ini:

<div>
	<p>teks!</p>
	<p>teks!</p>
	<p>teks!</p>
</div>

Contoh

Sekarang mari temukan semua elemen anak langsung dengan kelas www:

<div>
	<p class="www">teks</p>
	<p class="www">teks</p>
	<p>teks</p>
</div>

$('div').children('.www').append('!');

Kode HTML akan terlihat seperti ini:

<div>
	<p class="www">teks!</p>
	<p class="www">teks!</p>
	<p>teks</p>
</div>

Lihat juga

metode contents,
yang memungkinkan untuk mendapatkan elemen turunan dan teks di dalam elemen tersebut
metode parent,
yang memungkinkan untuk mendapatkan elemen induk
metode parents,
yang memungkinkan untuk mendapatkan semua elemen induk
Properti JavaScript children,
yang menyimpan kumpulan elemen anak dalam bentuk array semu