Metodo children per lavorare con gli elementi discendenti in jQuery

Per lavorare con gli elementi discendenti di un elemento, per prima cosa esamineremo il metodo children, con il quale è possibile ottenere solo i discendenti diretti dell'elemento.

Consideriamo il seguente codice HTML:

html<p id="test">testo1 <b>grassetto</b> testo2</p>

Per ottenere i discendenti, scriviamo la seguente funzione nel metodo:

javascript$('#test').children().each(
  function() {
    console.log($(this).text()); // visualizzerà 'grassetto'
  }
);

html<div id="text"><i>testo1</i> <b>testo2</b> testo3 testo4</div>