Metoda children

Metoda children returnează doar descendenții direcți ai elementului și nu returnează noduri text. Pentru a returna toți descendenții, inclusiv textul și comentariile, utilizați metoda contents.

Sintaxă

Obținerea descendenților direcți:

.children();

De asemenea, puteți filtra descendenții după un selector dat:

.children(selector);

Exemplu

Să găsim toți descendenții direcți ai tag-ului div și să adăugăm la sfârșit '!' cu ajutorul metodei append:

<div>
	<p>text</p>
	<p>text</p>
	<p>text</p>
</div>

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

Codul HTML va arăta astfel:

<div>
	<p>text!</p>
	<p>text!</p>
	<p>text!</p>
</div>

Exemplu

Să găsim acum toți descendenții direcți cu clasa www:

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

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

Codul HTML va arăta astfel:

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

Vedeți și

metoda contents,
care permite obținerea descendenților unui element și textul din interiorul acelui element
metoda parent,
care permite obținerea părintelui unui element
metoda parents,
care permite obținerea tuturor părinților unui element
Proprietatea JavaScript children,
care stochează un pseudo-array de elemente copil