[JS] Element.closest()

var closestElement = targetElement.closest(selectors);

선택자와 일치하는 노드를 찾을 때까지 요소와 해당 부모 (문서 루트를 향하는 방향)를 탐색한다.

이 중 가장 가까운 조건에 만족한 부모 요소가 반환되며, 조건에 만족한 요소가 없으면 null 값을 반환한다.

 

[예제]

<div class="container">
  <div class="parent">
    <div class="child"></div>
  </div>
</div>

const child = document.querySelector('.child');
let parentSave = child.closest('.container');
let none = child.closest('.none');

부모 요소가 있으면 요소를 반환하고, 없으면 null을 반환한다.

---

[공부 좌표]

Element.closest()

이벤트 위임