jQuery 순회 - 조상
jQuery를 사용하면 DOM 트리를 탐색하여 요소의 조상을 찾을 수 있습니다.
조상은 부모, 조부모, 증조부모 등입니다.
DOM 트리 위로 순회하기
DOM 트리를 탐색하기 위한 세 가지 유용한 jQuery 메서드는 다음과 같습니다.
parent()parents()parentsUntil()
jQuery 부모() 메서드
이 parent()메서드는 선택한 요소의 직접적인 부모 요소를 반환합니다.
이 메서드는 DOM 트리의 단일 레벨만 순회합니다.
다음 예는 각 <span>
요소의 직접적인 상위 요소를 반환합니다.
예시
$(document).ready(function(){
$("span").parent();
});
jQuery 부모() 메서드
이 parents()메서드는 문서의 루트 요소( )까지 선택한 요소의 모든 상위 요소를 반환합니다 <html>.
<span>다음 예제에서는 모든 요소 의 모든 상위 항목을 반환합니다
.
예시
$(document).ready(function(){
$("span").parents();
});
선택적 매개변수를 사용하여 조상 검색을 필터링할 수도 있습니다.
<span>다음 예 에서는 요소인 모든 요소 의 모든 상위 요소를 반환합니다 <ul>
.
예시
$(document).ready(function(){
$("span").parents("ul");
});
jQuery parentUntil() 메서드
이 parentsUntil()메서드는 주어진 두 인수 사이의 모든 상위 요소를 반환합니다.
다음 예제에서는 <span>와 요소 사이의 모든 상위 요소를 반환합니다 <div>.
예시
$(document).ready(function(){
$("span").parentsUntil("div");
});
jQuery 연습
jQuery 순회 참조
모든 jQuery Traversing 메서드에 대한 전체 개요를 보려면 jQuery Traversing Reference 로 이동하십시오 .