Metóda children pre prácu s potomkami v jQuery

Pre prácu s potomkami elementu, najprv si predstavíme metódu children, pomocou ktorej je možné získať iba priamych potomkov elementu.

Zvážme nasledujúci HTML kód:

html<p id="test">text1 <b>tučné</b> text2</p>

Na získanie potomkov napíšme do metódy nasledujúcu funkciu:

javascript$('#test').children().each(
  function() {
    console.log($(this).text()); // vypíše 'tučné'
  }
);

html<div id="text"><i>text1</i> <b>text2</b> text3 text4</div>