parents 메서드
parents 메서드는
요소의 모든 부모 요소를 가져옵니다 - 직접적인 부모뿐만 아니라,
조부모, 증조부모 등
최상위 루트 요소(즉, html 태그)까지.
문법
요소들의 모든 부모를 가져오기:
.parents();
지정된 선택자를 만족하는 부모들만 선택할 수도 있습니다:
.parents(selector);
예제
#test 요소를 찾은 다음,
parents를 사용하여 모든 부모를 찾고,
만약 그것이 클래스 www를 가진 div 부모라면,
prepend를 사용하여
그 앞에 '!' 텍스트를 추가해 보겠습니다:
<div>
<div class="www">
<div class="www">
<p id="test">text</p>
</div>
</div>
</div>
$('#test').parents('div.www').prepend('!');
HTML 코드는 다음과 같이 될 것입니다:
<div>
<div class="www">
!
<div class="www">
!<p id="test">text</p>
</div>
</div>
</div>
함께 보기
-
parent메서드,
요소의 직접적인 부모를 가져올 수 있습니다. -
parentsUntil메서드,
지정된 부모까지의 모든 부모 요소를 가져올 수 있습니다. -
closest메서드,
선택자를 만족하는 가장 가까운 부모 요소를 가져올 수 있습니다. -
contents메서드,
요소의 자손과 해당 요소 내부의 텍스트를 가져올 수 있습니다.
