closest : 선택된 요소에서 최초의 부모요소 객체를 얻어온다.

 

 

부모 요소나 자식 요소를 가지고 올 때  

parent()나 children()등을 이용할 수 있지만

 

이것보다 더 쉽게 가져오는 방법이 있어요

 

 

<ul>

<li>li1</li><li>li2<span class="sp">click</span></li>

</ul>

 

$(".sp").closest("ul")....

 

이렇게 할 경우 제일 처음에 만나는 ul이 되요

 

$(".sp").closest("li")...

이렇게 할 경우는 당연 li2를 감싸고 있는 li가 되요.

 

이것을 잘 이용하면 엄청난 parent, parent parent를 하지 않고  

바로 위 객체를 쉽게 가져올 수 있어요