.closest()

Как найти ближайший элемент в документе.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

Метод, который возвращает ближайший родительский элемент или его самого.

Пример

Скопировано
        
          
          <article class="container">  <span class="element-one">Первый элемент</span>  <span class="element-two">Второй элемент</span>  <span class="element-three">Третий элемент</span></article>
          <article class="container">
  <span class="element-one">Первый элемент</span>
  <span class="element-two">Второй элемент</span>
  <span class="element-three">Третий элемент</span>
</article>

        
        
          
        
      
        
          
          const element = document.querySelector('.element-one')const neighbourElement = element.closest(':not(span)')console.log(neighbourElement)// Вернёт тег <article>
          const element = document.querySelector('.element-one')
const neighbourElement = element.closest(':not(span)')

console.log(neighbourElement)
// Вернёт тег <article>

        
        
          
        
      

Как пишется

Скопировано

Чтобы найти ближайший элемент, укажите нужный CSS-селектор. Например значение id или название тега.