parentsUntil 메서드

parentsUntil 메서드는 요소의 모든 부모를 가져옵니다 - 직계 부모뿐만 아니라, 조부모, 증조부모 등 루트 요소(즉, html 태그)까지. 단, 이 메서드의 매개변수로 지정된 셀렉터에 해당하는 부모 요소에 도달하면 부모 탐색이 종료됩니다.

문법

셀렉터에 해당하는 부모 요소까지의 부모를 탐색합니다. 셀렉터로는 DOM 노드, 표현식 또는 jQuery 객체가 사용될 수 있으며, 두 번째 매개변수를 사용하여 추가 필터링을 할 수도 있습니다. 두 매개변수 모두 선택 사항입니다:

.parentsUntil([selector], [filter]);

셀렉터를 지정하지 않을 수도 있으며, 이 경우 이 메서드는 parents 메서드와 유사하게 동작합니다:

.parentsUntil();

#test 요소를 찾은 후 parentsUntil를 사용하여 zzz 클래스를 가진 요소까지의 모든 부모를 찾고, prepend를 사용하여 그 앞에 텍스트 '!'를 추가해 봅시다:

<div>
	<div class="zzz">
		<div class="www">
			<div class="www">
				<p id="test">text</p>
			</div>
		</div>
	</div>
</div>

$('#test').parentsUntil('.zzz').prepend('!');

HTML 코드는 다음과 같이 바뀝니다:

<div>
	<div class="zzz">
		<div class="www">
			!
			<div class="www">
				!<p id="test">text</p>
			</div>
		</div>
	</div>
</div>