예
의 첫 조상 돌아 가기 <span> , 그는입니다 <ul> 요소 :
$(document).ready(function(){
$("span").closest("ul").css({"color": "red", "border": "2px
solid red"});
});
결과:
body (great-great-grandparent)
div (great-grandparent)
ul (second ancestor - second grandparent) ul (first ancestor -
first grandparent) - li (direct parent) span
»그것을 자신을 시도 정의 및 사용
closest() 메서드는 선택된 요소의 첫 번째 조상을 반환합니다.
조상 등등 부모, 조부모, 증조 조부모, 그리고.
DOM 트리 : 현재 요소에서 이송 위쪽이 방법, 문서의 루트 요소까지 모든 방법 (<html>) , DOM 요소의 첫 번째 조상을 찾을 수 있습니다.
이 방법은 비슷합니다 parents() 둘은 DOM 트리를 통과한다는 점에서. 차이점은 다음과 같습니다
closest()
- 현재 요소 시작
- DOM 트리를 이동하고 전달 된 표현과 일치하는 첫 번째 (단일) 조상을 반환
- 반환 jQuery를 객체는 0 또는 1 요소를 포함
parents()
- 부모 요소로 시작
- DOM 트리를 이동하고 전달 된 표현에 일치하는 모든 조상을 반환
- 반환의 jQuery 객체는 0 개 이상의 소자를 포함
기타 관련 방법 :
- parent() - 선택한 요소의 직접적인 부모 요소를 반환
- parentsUntil() - 주어진 두 인자 사이의 모든 상위 요소를 반환
통사론
선택한 요소의 첫 번째 조상을 반환합니다 :
$(selector).closest( filter )DOM 트리를 내에서 찾아 볼 수있는 DOM 컨텍스트를 사용하여 첫 번째 조상을 반환합니다 :
$(selector).closest( filter,context )| 매개 변수 | 기술 |
|---|---|
| filter | 필요합니다. 요소 또는 jQuery를 객체는 조상 검색을 셀렉터 식 좁혀을 지정합니다 |
| context | 선택 과목. 일치하는 요소가 발견 될 수있는 DOM 내의 소자 |
그것을 자신을 시도 - 예를
의 첫 조상 돌아 가기 <span> , 그건입니다 <span> 요소는
이 방법은 현재 요소, 첫 번째에 대한 검색을 시작하기 때문에 <span> 의 <span> , 반환 <span> .
첫 번째 조상 요소를 검색하는 내 컨텍스트로 DOM 요소에 전달
두 매개 변수를 사용하면 첫 번째 검색하는 내 컨텍스트로 DOM 요소에 전달하는 <ul> 요소입니다.