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ů:

javascript.children();

Potomky lze také filtrovat podle zadaného selektoru:

javascript.children(selektor);

Příklad

Najděme všechny přímé potomky tagu div a na konec jim přidáme '!' pomocí metody append:

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

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

HTML kód bude poté vypadat takto:

html<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:

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

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

HTML kód bude poté vypadat takto:

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

Viz také