jQuery parentUntil() 메서드
예시
<span>과 <div> 사이의 모든 상위 요소를 반환합니다.
$(document).ready(function(){
$("span").parentsUntil("div").css({"color": "red", "border": "2px solid red"});
});
결과:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
정의 및 사용
parentUntil() 메서드는 선택기 와 stop 사이의 모든 상위 요소를 반환합니다 .
조상은 부모, 조부모, 증조부모 등입니다.
DOM 트리: 이 메서드는 특정 요소에 도달할 때까지 문서의 루트 요소까지 DOM 요소의 조상을 따라 상위 요소에서 위쪽으로 탐색합니다.
참고: 두 매개변수가 모두 비어 있으면 이 메서드는 모든 상위 요소를 반환합니다( parents() 메서드와 동일).
관련 방법:
- parent() - 선택한 요소의 직접적인 부모 요소를 반환합니다.
- parent() - 선택한 요소의 모든 상위 요소를 반환합니다.
- Nearest() - 선택한 요소의 첫 번째 조상을 반환합니다.
통사론
$(selector).parentsUntil(stop,filter)
| Parameter | Description |
|---|---|
| stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for matching ancestor elements |
| filter | Optional. Specifies a selector expression to narrow down the search for ancestors between selector and stop Note: To return multiple ancestors, separate each expression with a comma. |
직접 해보십시오 - 예
두 매개변수를 사용하여 <span>과 <div> 사이의 특정 요소에 대한 검색을 필터링하는 방법.
반환 <span>과 <body> 사이에 여러 조상을 반환하는 방법입니다.
DOM 요소를 사용하여 <span>과 <div> 사이의 모든 조상을 반환합니다.
사용하여 검색 필터링 DOM 요소를 사용하여 <span>과 <div> 사이의 <ul> 요소에 대한 상위 검색 범위를 좁힙니다.