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:
.children();
Du kan också filtrera barnen efter en given selektor:
.children(selektor);
Exempel
Låt oss hitta alla direkta barn till taggen
div
och lägga till '!' i slutet av dem med metoden
append:
<div>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
$('div').children().append('!');
HTML-koden kommer att se ut så här:
<div>
<p>text!</p>
<p>text!</p>
<p>text!</p>
</div>
Exempel
Låt oss nu hitta alla direkta
barn med klassen www:
<div>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
</div>
$('div').children('.www').append('!');
HTML-koden kommer att se ut så här:
<div>
<p class="www">text!</p>
<p class="www">text!</p>
<p>text</p>
</div>
