Как получить родителя с определенным атрибутом?

Question

[tgarl]

Пришла верстка, есть скрипт попапа с ней, но там недоработали и получается что мне нужно доделать.
Уперся в проблему, там используется нативный Js, я относительно что-то могу только через jquery. Вот сижу разбираюсь.

Подскажите как получить родителя кнопки с нужным классом(modal), атрибутом data-modal='cart'?
структура html может быть разная, но конкретно сейчас борюсь с такой

<div class="modal" data-modal='cart'>
	<div class="">
		<div class="">
			<div class="ttt"></div>
			<div class=""></div>
			<div class=""></div>
			<div class="">
				<div class=""><a href="#">btn</a></div>
			</div>
		</div>
	</div>
</div>

на jquery все просто, но его не будет на проекте(

Answer 1

[Сергей delphinpro]

В нативном ничуть не сложнее https://developer.mozilla.org/ru/docs/Web/API/Elem...

btn.addEventListener('click' e=>{
  const modal = e.target.closest('.modal[data-modal=cart]');
});