jQuery children() 메서드
예시
<ul>의 직계 자식인 반환 요소:
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px solid red"});
});
결과:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
정의 및 사용
children() 메서드는 선택한 요소의 모든 직계 자식을 반환합니다.
DOM 트리: 이 메서드는 DOM 트리 아래의 단일 수준만 탐색합니다. 여러 수준을 탐색하려면(손자 또는 다른 자손을 반환하기 위해 ) find() 메서드를 사용합니다.
팁: DOM 트리 위로 단일 레벨을 탐색하거나 문서의 루트 요소까지(부모 또는 다른 조상을 반환하기 위해), parent() 또는 parent() 메소드를 사용하십시오.
참고: 이 메서드는 텍스트 노드를 반환하지 않습니다. 텍스트 노드를 포함한 모든 자식을 반환하려면 contents() 메서드를 사용합니다.
통사론
$(selector).children(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for children |
직접 해보십시오 - 예
모든 직계 자식 반환 <ul> 요소의 모든 직계 자식을 반환하는 방법.
필터 매개변수를 사용하여 <ul>의 직계 자식인 클래스 이름이 "first"인 모든 <li> 요소를 반환하는 방법.
. 부모 <div> 요소의 직계 자식인 모든 <p> 요소를 선택하는 방법입니다.
<div> 요소의 자손이 실제로 누구인지 보여주는 데모.