Methode children

De methode children retourneert alleen directe afstammelingen van het element en retourneert geen tekstnodes. Om alle afstammelingen terug te krijgen, inclusief tekst en opmerkingen, gebruikt u de methode contents.

Syntaxis

Directe afstammelingen verkrijgen:

.children();

U kunt de afstammelingen ook filteren op een opgegeven selector:

.children(selector);

Voorbeeld

Laten we alle directe afstammelingen van de div-tag vinden en er een '!' aan toevoegen aan het einde met de methode append:

<div>
	<p>tekst</p>
	<p>tekst</p>
	<p>tekst</p>
</div>

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

De HTML-code ziet er dan als volgt uit:

<div>
	<p>tekst!</p>
	<p>tekst!</p>
	<p>tekst!</p>
</div>

Voorbeeld

Laten we nu alle directe afstammelingen vinden met de klasse www:

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

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

De HTML-code ziet er dan als volgt uit:

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

Zie ook

methode contents,
die het mogelijk maakt om afstammelingen van een element en tekst binnen dat element te verkrijgen
methode parent,
die het mogelijk maakt om de ouder van een element te verkrijgen
methode parents,
die het mogelijk maakt om alle ouders van een element te verkrijgen
JavaScript-eigenschap children,
die een pseudo-array van onderliggende elementen bevat