Metoden children

Metoden children returnerer kun de umiddelbare underliggende elementer og returnerer ikke tekstnoder. For at returnere alle underliggende elementer, inklusive tekst og kommentarer, brug metoden contents.

Syntaks

Henter de umiddelbare underliggende elementer:

.children();

Det er også muligt at filtrere de underliggende elementer efter en given selector:

.children(selector);

Eksempel

Lad os finde alle de umiddelbare underliggende elementer i div tagget og tilføje '!' til slutningen af dem ved hjælp af metoden append:

<div>
	<p>text</p>
	<p>text</p>
	<p>text</p>
</div>

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

HTML-koden vil se sådan ud:

<div>
	<p>text!</p>
	<p>text!</p>
	<p>text!</p>
</div>

Eksempel

Lad os nu finde alle de umiddelbare underliggende elementer med klassen www:

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

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

HTML-koden vil se sådan ud:

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

Se også

metoden contents,
som giver mulighed for at hente underliggende elementer og tekst inde i dette element
metoden parent,
som giver mulighed for at hente forældreelementet til et element
metoden parents,
som giver mulighed for at hente alle forældre til et element
JavaScript egenskaben children,
som gemmer en pseudo-array af underliggende elementer