Metoden children

Metoden children returnerer kun direkte underliggende elementer og returnerer ikke tekstnoder. For å returnere alle underliggende elementer, inkludert tekst og kommentarer, bruk metoden contents.

Syntaks

Hente direkte underliggende elementer:

.children();

Du kan også filtrere de underliggende elementene etter en gitt velger:

.children(velger);

Eksempel

La oss finne alle direkte underliggende elementer av div og legge til '!' på slutten av dem ved hjelp av metoden append:

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

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

HTML-koden vil se slik ut:

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

Eksempel

La oss nå finne alle direkte underliggende elementer med klassen www:

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

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

HTML-koden vil se slik ut:

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

Se også

metoden contents,
som lar deg hente underliggende elementer og tekst innenfor dette elementet
metoden parent,
som lar deg hente forelderelementet til et element
metoden parents,
som lar deg hente alle forelderelementer til et element
JavaScript-egenskapen children,
som lagrer en pseudomatrise av underliggende elementer