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:

javascript.children();

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

javascript.children(velger);

Eksempel

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

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

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

HTML-koden vil se slik ut:

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

Eksempel

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

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

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

HTML-koden vil se slik ut:

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

Se også