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