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:
<p id="test">testo1 <b>grassetto</b> testo2</p>
Per ottenere i discendenti, scriviamo la seguente funzione nel metodo:
$('#test').children().each(
function() {
console.log($(this).text()); // visualizzerà 'grassetto'
}
);
Abbiamo un div con i tag:
<div id="text"><i>testo1</i> <b>testo2</b> testo3 testo4</div>
Visualizza nella console tutti i discendenti diretti
di questo div utilizzando il metodo
children.