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:

.children();

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

.children(selettore);

Esempio

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

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

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

Il codice HTML diventerà così:

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

Esempio

Troviamo ora tutti i figli diretti con la classe www:

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

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

Il codice HTML diventerà così:

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

Vedi anche

metodo contents,
che permette di ottenere i discendenti di un elemento e il testo all'interno di questo elemento
metodo parent,
che permette di ottenere il genitore di un elemento
metodo parents,
che permette di ottenere tutti i genitori di un elemento
proprietà JavaScript children,
che contiene un array-like di elementi figli