Метод .children() получает непосредственных потомков элемента.

См. также метод parent, который позволяет получить родителя элемента.

См. также урок основы работы с jQuery для более полного понимания.

Синтаксис

Получение непосредственных потомков:

.children()

Можно также пофильтровать потомков по заданному селектору:

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

Примеры

Пример

Давайте найдем всех непосредственных потомков тега div и в конец им добавим '!' с помощью метода append:

<div>
	<p>абзац</p>
	<p>абзац</p>
	<p>абзац</p>
</div>
$('div').children().append('!');

Результат выполнения кода:

<div>
	<p>абзац!</p>
	<p>абзац!</p>
	<p>абзац!</p>
</div>

Пример

Давайте теперь найдем всех непосредственных потомков с классом .www:

<div>
	<p class="www">абзац</p>
	<p class="www">абзац</p>
	<p>абзац</p>
</div>
$('div').children('.www').append('!');

Результат выполнения кода:

<div>
	<p class="www">абзац!</p>
	<p class="www">абзац!</p>
	<p>абзац</p>
</div>