Metoden children

Metoden children returnerar endast elementets direkta barn och returnerar inte textnoder. För att returnera alla barn, inklusive text och kommentarer, använd metoden contents.

Syntax

Hämta direkta barn:

javascript.children();

Du kan också filtrera barnen efter en given selektor:

javascript.children(selektor);

Exempel

Låt oss hitta alla direkta barn till taggen div och lägga till '!' i slutet av dem med metoden append:

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

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

HTML-koden kommer att se ut så här:

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

Exempel

Låt oss nu hitta alla direkta barn med klassen www:

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

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

HTML-koden kommer att se ut så här:

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

Se även