jQuery nextUntil() 메서드

❮ jQuery 탐색 방법

예시

클래스 이름이 "start"와 "stop"인 두 <li> 요소 사이의 모든 형제 요소를 반환합니다.

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

결과:

    ul (parent)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "stop")

정의 및 사용

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

형제 요소는 동일한 부모를 공유하는 요소입니다.

DOM 트리: 이 메서드는 DOM 요소의 형제를 따라 앞으로 탐색합니다.

참고: 두 매개변수가 모두 비어 있으면 이 메서드는 다음 형제 요소를 모두 반환합니다( nextAll() 메서드와 동일).

관련 방법:

  • next() - 선택한 요소의 다음 형제 요소를 반환합니다.
  • nextAll() - 선택한 요소의 다음 형제 요소를 모두 반환합니다.


통사론

$(selector).nextUntil(stop,filter)

Parameter Description
stop Optional. A selector expression, element or jQuery object indicating where to stop the search for next matching siblings elements
filter Optional. Specifies a selector expression to narrow down the search for sibling elements between the selector and stop

Note: To return multiple siblings, separate each expression with a comma.

직접 해보십시오 - 예


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


반환 두 인수 사이에 여러 형제 요소를 반환하는 방법입니다.


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


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


❮ jQuery 탐색 방법