Metodo children

Il metodo children restituisce solo i figli diretti dell'elemento e non restituisce i nodi di testo. Per restituire tutti i discendenti, incluso il testo e i commenti, usa il metodo contents.

Sintassi

Ottenere i figli diretti:

javascript.children();

È anche possibile filtrare i figli in base al selettore specificato:

javascript.children(selettore);

Esempio

Troviamo tutti i figli diretti del tag div e aggiungiamo '!' alla fine usando il metodo append:

html<div>
  <p>testo</p>
  <p>testo</p>
  <p>testo</p>
</div>

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

Il codice HTML diventerà così:

html<div>
  <p>testo!</p>
  <p>testo!</p>
  <p>testo!</p>
</div>

Esempio

Troviamo ora tutti i figli diretti con la classe www:

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

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

Il codice HTML diventerà così:

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

Vedi anche