jQuery 순회 - 자손

jQuery를 사용하면 DOM 트리를 탐색하여 요소의 자손을 찾을 수 있습니다.

자손은 자녀, 손자, 증손자 등입니다.

DOM 트리 아래로 탐색

DOM 트리를 탐색하는 데 유용한 두 가지 jQuery 메서드는 다음과 같습니다.

이 children()메서드는 선택한 요소의 모든 직계 자식을 반환합니다.

이 메서드는 DOM 트리 아래의 단일 수준만 탐색합니다.

<div>다음 예제에서는 각 요소 의 직계 자식인 모든 요소를 반환합니다 .

$(document).ready(function(){
$("div").children();
});

선택적 매개변수를 사용하여 하위 검색을 필터링할 수도 있습니다.

다음 예제는 <p>의 직계 자식인 클래스 이름이 "first"인 모든 요소 를 반환합니다 <div>.

$(document).ready(function(){
$("div").children("p.first");
});

이 find()메서드는 마지막 하위 항목까지 선택한 요소의 하위 요소를 반환합니다.

다음 예 <span>에서는 의 하위 항목인 모든 요소를 반환합니다 <div>.

$(document).ready(function(){
$("div").find("span");
});

다음 예에서는 의 모든 하위 항목을 반환합니다 <div>.

$(document).ready(function(){
$("div").find("*");
});

모든 jQuery Traversing 메서드에 대한 전체 개요를 보려면 jQuery Traversing Reference 로 이동하십시오 .