# Метод parents

Метод `parents` получает всех родителей элемента - не только непосредственного, но и прародителя, прапрародителя и так далее до корневого элемента (то есть до тега `html`).

## Синтаксис

Получение всех родителей для элементов:

`.parents();`

Можно также выбрать родителей, только если они удовлетворяет заданному селектору:

`.parents(селектор);`

## Пример

Давайте найдем элемент `#test`, затем найдем всех его родителей с помощью `parents` и, если это родители `div` с классом `www`, то поставим им в начало текст `'!'` с помощью `prepend`:

`<div> <div class="www"> <div class="www"> <p id="test">text</p> </div> </div> </div>` `$('#test').parents('div.www').prepend('!');`

HTML код станет выглядеть так:

`<div> <div class="www"> ! <div class="www"> !<p id="test">text</p> </div> </div> </div>`

## Смотрите также

- метод `parent`,
  который позволяет получить непосредственного родителя элемента
- метод `parentsUntil`,
  который позволяет получить всех родителей элемента до указанного родителя
- метод `closest`,
  который позволяет получить ближайший родительский элемент, удовлетворяющий селектору
- метод `contents`,
  который позволяет получить потомков элемента и текст внутри этого элемента

← →
↑