Метод children

Методът children връща само непосредствените потомци на елемент и не връща текстови възли. За да върнете всички потомци, включително текст и коментари, използвайте метода contents.

Синтаксис

Получаване на непосредствени потомци:

.children();

Можете също да филтрирате потомците по даден селектор:

.children(селектор);

Пример

Нека намерим всички непосредствени потомци на тага div и в края им добавим '!' с помощта на метода append:

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

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

HTML кодът ще изглежда така:

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

Пример

Нека сега намерим всички непосредствени потомци с клас www:

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

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

HTML кодът ще изглежда така:

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

Вижте също

метод contents,
който позволява да получите потомците на елемент и текста вътре в този елемент
метод parent,
който позволява да получите родителя на елемент
метод parents,
който позволява да получите всички родители на елемент
JavaScript свойство children,
което съдържа в себе си псевдомасив от дъщерни елементи