Как выбрать элемент, который является одним из родителей для указанного?

Question

[Посторонним В.]

Есть примерно такое:

<section class="comment" data-id="1">
    <header class="comment__header">...</header>
    <div class="comment__body> ... </div>
    <footer class="comment__footer"> ... <a href="..." class="comment__reply">Ответить</a></footer>
</section>

Таких секций, понятное дело, много. Мне нужно прицепить к ссылке "Ответить" функцию, которая будет находить комментарий (элемент section), которому принадлежит данная ссылка "ответить", и считывать из него значение data-id (ссылке не хочу прописывать, потому что тогда еще несколько элементов тогда будет, которым тоже надо прописывать этот параметр, лучше уж комменту прописать).

Вопрос - как мне в JS (нативном или с jQuery) находить именно эту секцию? Я, конечно, могу написать element.parentNode.parentNode , но вдруг у меня потом изменится уровень вложенности. Есть стандартное универсальное решение?

Answer 1

[Lander]

$('.comment__reply').closest('section.comment');