Metoda children
Metoda children zwraca tylko
bezpośrednich potomków elementu, nie
zwraca węzłów tekstowych. Aby zwrócić
wszystkich potomków, włączając tekst i
komentarze, użyj metody
contents.
Składnia
Pobieranie bezpośrednich potomków:
.children();
Można także przefiltrować potomków według podanego selektora:
.children(selektor);
Przykład
Znajdźmy wszystkich bezpośrednich potomków znacznika
div
i na koniec dodajmy im '!' za pomocą metody
append:
<div>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
</div>
$('div').children().append('!');
Kod HTML będzie wyglądać tak:
<div>
<p>tekst!</p>
<p>tekst!</p>
<p>tekst!</p>
</div>
Przykład
Znajdźmy teraz wszystkich bezpośrednich
potomków z klasą www:
<div>
<p class="www">tekst</p>
<p class="www">tekst</p>
<p>tekst</p>
</div>
$('div').children('.www').append('!');
Kod HTML będzie wyglądać tak:
<div>
<p class="www">tekst!</p>
<p class="www">tekst!</p>
<p>tekst</p>
</div>