[jQuery] closest()

 

선택한 요소의 조상요소를 찾을때 closest()메서드를 사용
closest() 메서드는 DOM 트리를 위로 탐색하면서 가장 가까운 조상 요소를 찾음

 

<div class="container">
  <div class="parent">
    <div class="child">
      <button class="btn">Click Me</button>
    </div>
  </div>
</div>

 

 

$(".btn").click(function() {
  var parent = $(this).closest(".parent");
  console.log(parent); // <div class="parent"> 요소를 출력
  var child = parent.find(".child");
  console.log(child); // <div class="child"> 요소를 출력
});