Чтобы выбрать ближайший класс в JavaScript, вы можете использовать различные методы. Вот некоторые из наиболее часто используемых подходов:
- querySelector или querySelectorAll: эти методы можно использовать для выбора элементов на основе селекторов CSS. Чтобы выбрать ближайший класс, вы можете использовать комбинацию класса элемента и методов
closest
илиclosestAll
для обхода дерева DOM и поиска ближайшего совпадающего элемента.
var closestElement = document.querySelector('.your-class').closest('.target-class');
- closest: этот метод возвращает ближайший элемент-предок, соответствующий данному селектору CSS. Вы можете использовать его, чтобы найти ближайший родительский элемент с определенным классом.
var closestElement = document.querySelector('.your-class').closest('.target-class');
- matches: метод
matches
проверяет, соответствует ли элемент указанному селектору CSS. Вы можете использовать его в сочетании сparentNode
для перемещения вверх по дереву DOM, пока не найдете элемент нужного класса.
var element = document.querySelector('.your-class');
while (element && !element.matches('.target-class')) {
element = element.parentNode;
}
var closestElement = element;
- classList: свойство
classList
предоставляет методы для управления классами элемента. Вы можете использовать методcontains
вместе сparentNode
для перебора родительских элементов, пока не найдете нужный класс.
var element = document.querySelector('.your-class');
while (element && !element.classList.contains('target-class')) {
element = element.parentNode;
}
var closestElement = element;