children Metode

Die children metode gee slegs direkte afstammelinge van die element terug. Dit gee nie teksnodusse terug nie. Om alle afstammelinge terug te gee, insluitend teks en kommentaar, gebruik die contents metode.

Sintaksis

Om direkte afstammelinge te kry:

.children();

Jy kan ook die afstammelinge volgens 'n gegewe selekteerder filter:

.children(selekteerder);

Voorbeeld

Kom ons vind alle direkte afstammelinge van die div tik en voeg ' '!' aan die einde by met behulp van die append metode:

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

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

Die HTML-kode sal so lyk:

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

Voorbeeld

Kom ons vind nou alle direkte afstammelinge met die klas www:

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

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

Die HTML-kode sal so lyk:

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

Sien ook

contents metode,
wat dit moontlik maak om die afstammelinge van 'n element en die teks binne daardie element te kry
parent metode,
wat dit moontlik maak om die ouer van 'n element te kry
parents metode,
wat dit moontlik maak om alle ouers van 'n element te kry
JavaScript eienskap children,
wat 'n pseudo-array van kind elemente daarin stoor