# Метод closest

Метод `closest` находит ближайший родительский элемент удовлетворяющий заданному параметром метода селектору. Данный метод подобен методу `parent`. Поиск ведется так: сначала проверяется непосредственный родитель элемента, потом прародитель, прапрародитель и так далее до корневого элемента (то есть до тега `html`).

## Синтаксис

Селектором может быть DOM элемент, выражение или объект jQuery. Поиск начинается с переданного в качестве параметра DOM элемента:

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

Вторым параметром можно также передать DOM элемент, тогда поиск будет осуществляться в этом элементе:

`.closest(селектор, контекст);`

## Пример

Давайте для элемента с `#test` найдем ближайшего родителя с классом `www` и в начало этого элемента вставим абзац с текстом `'!'`, а в конец - абзац с текстом `'?'`:

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

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

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

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

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

← →
↑