[Javascript] - 자바스크립트 Element.closest 사용법

#자바스크립트 Element.closest 사용법

 

 

-가장 가까운 부모 요소를 반환합니다.

-요소가 없을 시 undefined값을 반환합니다.

 

-예시

<div data-index="a">
  <div data-index="b">
    <a class="test">a</a>
  </div>
</div>

<script>

  // class명이 test인 요소의 가장 가까운 div 부모요소를 찾아서 data-index 값을 반환
  let testData = $(".test").closest('div').data('index');
  
  console.log(testData); // b
  
</script>