jQuery에서 모든 부모 요소 찾기
parent 메서드는 요소의 직계 부모 요소를
가져옵니다. 요소의 직계 부모뿐만 아니라 조상, 고조상 등
루트 요소까지의 모든 부모 요소를 얻으려면
parents
메서드를 사용합니다.
다음 예제에서 우리는 다음과 같은 HTML 코드를 살펴볼 것입니다:
<div>
<div class="www">
<div class="www">
<p id="test">text</p>
</div>
</div>
</div>
그런 다음 #test 요소를 찾고
parents를 사용하여 모든 부모 요소를 가져온 후,
div 태그이면서 www 클래스를 가진 부모 요소라면
해당 요소의 시작 부분에 '!' 텍스트를 추가합니다:
$('#test').parents('div.www').prepend('!');
b 태그의 모든 부모 요소를 찾고,
test 클래스를 가진 요소는
빨간색으로 칠하세요.
