jQuery find() 메서드
예시
<ul>의 자손인 모든 <span> 요소를 반환합니다.
$(document).ready(function(){
$("ul").find("span").css({"color": "red", "border": "2px solid red"});
});
결과:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
정의 및 사용
find() 메서드는 선택한 요소의 하위 요소를 반환합니다.
자손은 자녀, 손자, 증손자 등입니다.
DOM 트리: 이 메서드는 DOM 요소의 자손을 따라 마지막 자손까지 아래로 트래버스합니다. DOM 트리 아래로 단일 수준만 탐색하려면(직접 자식을 반환하기 위해) children() 메서드를 사용합니다.
참고: 나머지 트리 순회 메서드와 달리 find() 메서드에는 필터 매개변수가 필요 합니다 .
팁: 모든 하위 요소를 반환하려면 "*" 선택기를 사용하세요.
통사론
$(selector).find(filter)
Parameter | Description |
---|---|
filter | Required. A selector expression, element or jQuery object to filter the search for descendants Note: To return multiple descendants, separate each expression with a comma. |
직접 해보십시오 - 예
"*" 선택기를 사용하여 <html>의 하위 요소인 모든 요소를 반환합니다.
모든 <span> 요소를 반환 <ul> 요소의 자손인 모든 <span> 요소를 반환하는 방법.
클래스 이름이 "first"인 하위 요소를 반환하는 방법.
항목 반환 여러 하위 요소를 반환하는 방법입니다.
jQuery 개체를 사용하여 <ul> 요소의 하위 항목인 모든 <span> 요소를 반환하는 방법.
<div> 요소의 자손이 실제로 누구인지 보여주는 데모.