Metóda children

Metóda children vracia iba priamych potomkov prvku a nevracia textové uzly. Ak chcete vrátiť všetkých potomkov, vrátane textu a komentárov, použite metódu contents.

Syntax

Získanie priamych potomkov:

javascript.children();

Potomkov je možné tiež filtrovať podľa zadaného selektora:

javascript.children(selektor);

Príklad

Nájdime všetkých priamych potomkov značky div a na koniec im pridajme '!' pomocou metódy append:

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

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

HTML kód bude potom vyzerať takto:

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

Príklad

Nájdime teraz všetkých priamych potomkov s triedou 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 potom vyzerať takto:

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

Pozri tiež