jQuery 순회 - prevUntil() 메서드

jQuery 순회 참조 가이드

实例

查找 <dt id="term-2"> 之前的同胞元素，直到前一个 <dt>，并将它们设置为红色。同时，查找 <dt id="term-3"> 前面的 <dd> 同胞，直到 <dt id="term-1">，并把它们设置为蓝色文本：

$("#term-2").prevUntil("dt").css("background-color", "red");
var term1 = document.getElementById('term-1');
$("#term-3").prevUntil(term1, "dd").css("color", "green");

직접 시도해 보세요

정의와 사용법

prevUntil() 메서드는 현재 일치 요소 집합의 각 요소의 이전 동일 형제 요소를 얻습니다. 그러나 선택자, DOM 노드, 또는 jQuery 객체와 일치하는 요소는 제외합니다.

문법 1

.prevUntil(selector, filter)
파라미터 설명
selector 선택적으로 사용할 수 있습니다. 동일 형제 요소의 검색을 멈추는 선택자 표현식을 포함하는 문자열 값.
filter 선택적으로 사용할 수 있습니다. 요소를 일치시키기 위해 사용하는 선택자 표현식을 포함하는 문자열 값.

문법 2

.prevUntil(element, filter)
파라미터 설명
element 선택적으로 사용할 수 있습니다. 동일 형제 요소의 검색을 멈추는 DOM 노드나 jQuery 객체를 나타내는 값.
filter 선택적으로 사용할 수 있습니다. 요소를 일치시키기 위해 사용하는 선택자 표현식을 포함하는 문자열 값.

상세 설명

DOM 요소 집합을 나타내는 jQuery 객체가 주어졌을 때, .prevUntil() 메서드는 DOM 트리에서 이 요소들 이전의 동일 형제 요소를 검색할 수 있게 합니다. 이를 통해 선택자(메서드에 전달된 파라미터)와 일치하는 요소까지 검색합니다. 반환된 jQuery 새 객체는 모든 이전 동일 형제 요소를 포함하지만, .prevUntil() 메서드에 의해 정의된 선택자와 일치하는 요소는 포함하지 않습니다. 반환된 요소의 순서는 가장 가까운 동일 형제 요소에서 가장 먼 동일 형제 요소로 이어집니다.

선택자와 일치하지 않거나 선택자를 적용하지 않으면, 선택 집합의 모든 이전 동일 형제 요소를 선택합니다. 이 경우, 이 메서드가 선택하는 요소는 선택자를 제공하지 않았을 때의 .prevAll()와 동일합니다.

jQuery 1.6에서는 .prevUntil() 메서드의 첫 번째 파라미터로 DOM 노드나 jQuery 객체를 선택자 대신 사용할 수 있습니다.

이 메서드는 두 번째 파라미터로 선택자 표현식을 선택적으로 받아들입니다. 이 파라미터를 적용하면, 요소가 해당 선택자와 일치하는지 확인하여 요소를 필터링합니다.

jQuery 순회 참조 가이드