jQuery 순회 - nextUntil() 메서드

jQuery 순회 참조 매뉴얼

예제

다음 <dt id="term-2">의 형제 요소를 찾아, 다음 <dt>까지 이어지는 요소를 검색하여 그들을 빨간 배경색으로 설정합니다. 동시에, <dt id="term-1">의 <dd> 형제 요소를 찾아, <dt id="term-3">까지 이어지는 요소를 검색하여 그들을 파란 텍스트 색상으로 설정합니다.

$("#term-2");.nextUntil("dt");.css("background-color", "red");
var term3 = document.getElementById("term-3");
$("#term-1");.nextUntil(term3, "dd");.css("color", "blue");

직접 시도해보세요

정의와 사용법

nextUntil()는 각 요소의 모든 이어지는 형제 요소를 얻습니다. 그러나 선택자, DOM 노드, 또는 전달된 jQuery 객체와 일치하는 요소는 포함하지 않습니다.

문법 1

.nextUntil(selector,filter)
매개변수 설명
selector 이어지는 형제 요소의 매칭을 중지하는 위치를 나타내는 선택자 표현식을 포함하는 문자열 값.
filter 요소를 일치시키기 위해 사용되는 선택자 표현식을 포함하는 문자열 값.

문법 2

.nextUntil(element,filter)
매개변수 설명
element 이어지는 형제 요소의 매칭을 중지하는 위치를 나타내는 DOM 노드나 jQuery 객체를 지시.
filter 요소를 일치시키기 위해 사용되는 선택자 표현식을 포함하는 문자열 값.

상세 설명

DOM 요소 집합을 나타내는 jQuery 객체를 주어진 경우, .nextUntil() 메서드는 DOM 트리에서 요소의 이어지는 형제 요소를 검색할 수 있으며, 메서드의 매개변수와 일치하는 요소를 만나면 검색을 중지합니다. 새로운 jQuery 객체는 모든 이어지는 형제 요소를 포함하지만 매개변수와 일치하는 요소는 포함하지 않습니다.

선택자가 일치하지 않거나 선택자가 지정되지 않으면 모든 이어지는 형제 요소를 선택합니다. 필터링을 제공하지 않으면 이 메서드가 선택한 요소는 .nextAll() 메서드와 동일합니다.

jQuery 1.6에서는 .nextUntil() 메서드에 DOM 노드나 jQuery 객체를 선택자 대신 전달할 수 있습니다.

이 메서드는 두 번째 매개변수로 선택자 표현식을 선택할 수 있습니다. 이 매개변수를 지정하면 요소가 선택자와 일치하는지 확인하여 그들을 필터링합니다.

jQuery 순회 참조 매뉴얼