Как найти первого родителя с определенным атрибутом в Dom?

Question

[Jussss92]

Всем привет.
Я вешаю на window событие клика и при клике хочу найти первого родителя элемента с определенным атрибутом.
Я могу получить его parentElement, но если там данного атрибута нет, то я не могу от него же посмотреть еще один parentElement.
Как собственно искать до тех пор пока не найдешь его или не упрешься в body?

window.addEventListener('click',(e) => {
      const div = e.target
     const parent = div.parentElement
    })

Пример такой

<div meta="name">
    <div>
      <div click>
        click
      </div>
    </div>
  </div>

Надо, чтобы при клике на div(click написал на нем) можно было получить div c meta

Comments

[imko]

Есть подозрение что не с той стороны ты события слушаешь) А так closest

[Rsa97]

Для начала, что такое "первый родитель"? Непосредственный, ближайший с заданными параметрами или самый верхний в иерархии?

[Jussss92]

Rsa97, да все верно.
Условно с такой вложенностью

<div meta="name">
    <div>
      <div click>
        click
      </div>
    </div>
  </div>

Собственно мне надо, чтобы при клике на див (click) он нашел div c meta

Answer 1

[Mikhail Osher]

Если конкретно по аттрибуту, который можно выразить через селектор, то, по идее, Element.prototype.closest поможет.

Comments

[Jussss92]

Или я не пойму или через closest можно найти элемент зная, что надо найти (див или по id и тд).
А мне надо найти просто первый элемент у которого есть данный атрибут.
Я не пойму как через closest так сделать

[0xD34F]

Jussss92, перестаньте лениться и ознакомьтесь с предложенной информацией - всё, что нужно для решения стоящей перед вами проблемы, есть по ссылке из ответа.

[Lynn «Кофеман»]

Jussss92, CSS selector может искать не только по тегу и/или id, но и кучей других способов. В частности https://developer.mozilla.org/en-US/docs/Learn/CSS...