예
모든 조상 요소를 돌려줍니다 <span> :
$(document).ready(function(){
$("span").parents().css({"color":
"red", "border": "2px solid red"});
});
결과:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
»그것을 자신을 시도 정의 및 사용
parents() 메서드는 선택된 요소의 모든 상위 요소를 반환합니다.
조상 등등 부모, 조부모, 증조 조부모, 그리고.
DOM 트리 :이 방법은 DOM 요소의 조상을 따라 부모 요소에서 위쪽으로 통과, 최대 문서의 루트 요소에있는 모든 방법 (<html>) .
참고 : 필터 매개 변수가 비어있는 경우,이 기능까지 직접 부모와 모든 길에서, 요소의 집합의 모든 조상을 선택합니다 <body> 과 <html> . 이 검색 결과를 좁힐 수있는 선택 식을 통과하는 것이 유용한 경우가 많습니다.
이 방법은 비슷합니다 closest() 둘은 DOM 트리를 통과한다는 점에서,. 차이점은 다음과 같습니다
parents()
- 부모 요소로 시작
- DOM 트리를 이동하고 전달 된 표현에 일치하는 모든 조상을 반환
- 반환의 jQuery 객체는 0 개 이상의 소자를 포함
closest()
- 현재 요소 시작
- DOM 트리를 이동하고 전달 된 표현과 일치하는 첫 번째 조상을 반환
- 반환 jQuery를 객체는 0 또는 1 요소를 포함
기타 관련 방법 :
- parent() - 선택한 요소의 직접적인 부모 요소를 반환
- parentsUntil() - 주어진 두 인자 사이의 모든 상위 요소를 반환
통사론
$(selector).parents( filter )| 매개 변수 | 기술 |
|---|---|
| 클래스 ="notranslate"필터 | 선택 과목. 조상에 대한 검색 범위를 좁힐 수있는 선택 식을 지정합니다 참고 : 여러 조상을 반환 쉼표로 각 식을 구분합니다. |
그것을 자신을 시도 - 예를
검색 범위를 좁힐
어떻게 모든 조상 반환하는 필터 매개 변수를 사용하는 <span> 것을 <ul> 요소를.
여러 조상을 반환
어떻게 모든 조상 반환하는 필터 매개 변수를 사용하는 <span> 것을 <li> 와 <div> 요소를.
태그 이름으로 요소의 조상보기
a의 조상 사람을 보여줍니다 데모 <span> 요소는 사실이다.