nextUntil 메서드
nextUntil 메서드는 동일한 부모 내에서 지정된 요소 다음에 위치하는 요소들을 반환합니다. 이 메서드는 지정된 요소부터 메서드 매개변수로 지정된 선택자에 맞는 첫 번째 요소까지의 요소들을 반환합니다. 메서드에 매개변수를 전달하지 않으면 nextAll 메서드처럼 동작합니다.
문법
첫 번째 매개변수로는 선택을 수행하는 기준인 문자열 형태의 표현식, DOM 노드 또는 jQuery 객체를 전달할 수 있습니다. 두 번째 매개변수로는 문자열 형태의 추가 필터링 조건을 전달할 수 있습니다. 두 매개변수 모두 선택 사항입니다:
.nextUntil([선택자], [필터]);
예제
#test 요소를 찾고, html 메서드를 사용하여 www 클래스를 가진 단락까지의 모든 아래쪽 형제 요소에 텍스트 '!'를 설정해 봅시다:
<p>바깥</p>
<div>
<p>안쪽</p>
<p class="www">안쪽</p>
<p>안쪽</p>
<p>안쪽</p>
<p id="test">안쪽</p>
<p>안쪽</p>
<p>안쪽</p>
<p class="www">안쪽</p>
<p>안쪽</p>
</div>
<p>바깥</p>
$('#test').prevUntil('p.www').html('!');
HTML 코드는 다음과 같이 바뀝니다:
<p>바깥</p>
<div>
<p>안쪽</p>
<p class="www">안쪽</p>
<p>안쪽</p>
<p>안쪽</p>
<p id="test">안쪽</p>
<p>!</p>
<p>!</p>
<p class="www">안쪽</p>
<p>안쪽</p>
</div>
<p>바깥</p>
