jQuery 기본 강의

jQuery 효과

closest() 메서드는 선택된 요소의 첫 번째 조상을 반환합니다

closest() 메서드는 현재 요소에서 시작하여 문서의 루트 요소 (<html>)까지 상승하여 DOM 요소의 첫 번째 조상을 찾습니다

closest()와parents()이 메서드는 모두 DOM 트리를 탐색하기 때문에 유사합니다. 다음과 같은 차이가 있습니다:

closest()

parents()

부모 요소에서 시작합니다
DOM 트리에서 문서의 루트 요소까지 탐색하고, 각 조상 요소를 일시적인 콜렉션에 추가합니다；그런 다음, 선택자가 있으면 그 콜렉션을 선택자에 따라 필터링합니다
반환된 jQuery 객체는 원래 콜렉션의 각 요소에 대해 선택자에 따라 0개 또는 여러 개의 요소를 포함합니다(문서 순서와 반대로)

선택된 요소의 첫 번째 조상을 반환합니다：

$(selector).closest(selectorExpression)

DOM 트리에서 첫 번째 조상으로 돌아가고, 그곳에서 DOM 트리를 탐색하여 반환합니다：

$(selector).closest(selectorExpression, context)

이 <span>의 첫 번째 조상을 반환합니다. 즉 <div> 요소입니다：

body（고고고조상）

div（고고조상）

div（고조상）

div（최초 조상-조상）

p（직접 부모）　　　　　　　　　　　span

파라미터	설명
selectorExpression	선택자 표현식, 요소 또는 jQuery 객체를 지정하여 요소를 일치시킵니다
context	여기서 일치하는 요소의 DOM 요소를 찾을 수 있습니다