Метод closest()
Примеры element.closest()
Найдите ближайший элемент, соответствующий селектору CSS ".container":
const element = document.getElementById("myElement");
const closest = element.closest(".container");
Попробуйте сами »
Найдите ближайший элемент, который соответствует ".container" или ".wrapper":
const element = document.getElementById(".container, .wrapper");
const closest = element.closest(".container");
Попробуйте сами »
Описание closest()
Метод closest() ищет вверх по дереву DOM элементы, соответствующие указанному селектору CSS.
Метод closest() начинает с самого элемента, затем с предшествующих (родительский, прародительский, ...), пока не будет найдено совпадение.
Метод closest() возвращает null(), если совпадение не найдено.
Синтаксис closest()
element.closest(selectors)
Параметры closest()
| Параметр | Описание |
|---|---|
| selectors | Обязательно. Один или несколько (разделенных запятыми) селекторов CSS для сопоставления. См. наш Полный справочник селекторов CSS. |
Возвращаемое значение closest()
| Тип | Описание |
|---|---|
| Object |
Ближайший элемент-предок или сам элемент, соответствующий указанным селекторам CSS. Если совпадений не найдено, возвращается null.Выдает исключение SYNTAX_ERR, если селектор(ы) недействителен(ы). |
Поддержка браузера closest()
Первые версии браузеров, которые полностью поддерживают метод closest():
| Chrome 41 |
Edge 15 |
Firefox 35 |
Safari 9 |
Opera 28 |
| Mar 2015 | Apr 2017 | Jan 2015 | Oct 2015 | Mar 2015 |