English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery метод closest()

Методы遍ения jQuery

Метод closest() возвращает первого предка выбранного элемента.

Метод closest() перемещается от текущего элемента вверх по DOM-дереву, до корня документа (html), чтобы найти первого предка DOM-элемента.

closest() иparents()Методы схожи, так как они оба遍历 DOM-дерево. Различия таковы:

closest()

  • С началом текущего элемента

  • Перемещается вверх по DOM-дереву, до тех пор, пока не найдется объект, соответствующий предоставленному селектору

  • Возвращаемый jQuery объект содержит по документу ноль или один элемент из исходного набора элементов

parents()

  • С началом родительского элемента

  • Перебрать до корневого элемента документа в DOM-дереве, добавить каждый элемент предка в временный набор; затем, если указан селектор, фильтровать этот набор по селектору

  • Возвращаемый jQuery-объект содержит ноль или несколько элементов (в обратном порядке документа) из исходного набора

Синтаксис:

Вернуть первого предка выбранного элемента:

$(selector).closest(selectorExpression)

Использовать контекст DOM для поиска первого предка, в котором находится DOM-дерево:

$(selector).closest(selectorExpression, context)

Пример

Вернуть первого предка <span>, то есть элемент <div>:

body (прапрадедушка)
div (прадедушка)
div (дедушка)
div (первый предок-дедушка)

p (прямой родитель)                      span

Запустить код

Значение параметра

ПараметрыОписание
selectorExpressionУказать выражение селектора, элемент или объект jQuery для выбора элементов
contextЗдесь можно найти соответствующие элементы DOM, соответствующие шаблону

Методы遍ения jQuery