Metoda children
Metoda children vrací pouze
přímé potomky prvku a
nevrací textové uzly. Chcete-li vrátit
všechny potomky včetně textu a
komentářů, použijte metodu
contents.
Syntaxe
Získání přímých potomků:
.children();
Potomky lze také filtrovat podle zadaného selektoru:
.children(selektor);
Příklad
Najděme všechny přímé potomky tagu
div
a na konec jim přidáme '!' pomocí metody
append:
<div>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
$('div').children().append('!');
HTML kód bude poté vypadat takto:
<div>
<p>text!</p>
<p>text!</p>
<p>text!</p>
</div>
Příklad
Nyní najděme všechny přímé
potomky s třídou www:
<div>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
</div>
$('div').children('.www').append('!');
HTML kód bude poté vypadat takto:
<div>
<p class="www">text!</p>
<p class="www">text!</p>
<p>text</p>
</div>