jQuery nextUntil() Method

사이의 모든 형제 요소를 돌려 두 <li> 클래스 이름을 가진 요소 "start" 및 "stop" :

$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});

결과:

정의 및 사용

nextUntil() 메소드는 선택과 정지 사이의 모든 다음 형제 요소를 반환합니다.

동위 원소는 동일한 부모를 공유하는 요소이다.

DOM 트리 :이 방법은 DOM 요소의 형제 자매를 따라 앞으로 통과.

참고 : 두 매개 변수가 비어있는 경우,이 방법은 (와 동일 모든 다음 형제 요소를 반환합니다 nextAll() 메소드).

$(selector).nextUntil( stop,filter )

매개 변수	기술
stop	선택 과목. 셀렉터 식을 나타내는 요소 또는 jQuery를 객체는 다음과 일치하는 형제 요소에 대한 검색을 중지
filter	선택 과목. 셀렉터 사이에 요소를 형제의 검색 범위를 좁힐 정지하는 선택 식을 지정합니다 참고 : 여러 형제를 반환 쉼표로 각 식을 구분합니다.

검색 범위를 좁힐
두 매개 변수를 사용하여 두 개의 인수 사이의 다음 형제 요소에 대한 검색을 필터링합니다.

여러 형제 자매를 돌려줍니다
어떻게 두 개의 인수 사이에 여러 형제 요소를 반환합니다.

DOM
선택기 대신 DOM 요소를 사용하면 모든 형제 요소 두 지정된 인수를 반환합니다.

두 매개 변수와 DOM을 사용하여
DOM 요소 대신 선택하고 두 매개 변수를 사용하여 두 개의 인수 사이의 다음 형제 검색을 필터링합니다.