prevUntil 메서드
prevUntil 메서드는
주어진 요소 앞에 위치하고 같은 부모 안에 있는
요소들을 반환합니다. 이 메서드는 주어진 요소부터
메서드 매개변수로 지정된 선택자에 해당하는 첫 번째 요소
이전까지의 요소들을 반환합니다. 메서드에 매개변수를
전달하지 않으면, 이 메서드는
prevAll
메서드처럼 동작합니다.
구문
첫 번째 매개변수로는 선택에 사용되는 표현식을 문자열 형식으로, DOM 노드 또는 jQuery 객체로 전달할 수 있습니다. 두 번째 매개변수로는 추가 필터링 조건을 문자열 형식으로 전달할 수 있습니다. 두 매개변수 모두 선택사항입니다:
.prevUntil([선택자], [필터]);
예제
#test 요소를 찾고,
www 클래스를 가진 단락까지의
위쪽 모든 이웃 요소들에
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>
$('#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>
