# Метод 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`,
  которое хранит в себе псевдомассив дочерних элементов

←→
↑