Метод 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>