jQuery nextAll() 메서드
예시
클래스 이름이 "start"인 각 <li> 요소의 다음 형제 요소를 모두 반환합니다.
$(document).ready(function(){
$("li.start").nextAll().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)
정의 및 사용
nextAll() 메서드는 선택한 요소의 다음 형제 요소를 모두 반환합니다.
형제 요소는 동일한 부모를 공유하는 요소입니다.
DOM 트리: 이 메서드는 DOM 요소의 형제를 따라 앞으로 탐색합니다.
관련 방법:
- next() - 선택한 요소의 다음 형제 요소를 반환합니다.
- nextUntil() - 주어진 두 인수 사이의 모든 다음 형제 요소를 반환합니다.
통사론
$(selector).nextAll(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for next siblings Note: To return multiple siblings, separate each expression with a comma. |
직접 해보십시오 - 예
다음 형제 요소에 대한 검색을 필터링하는 방법.
필터 매개변수를 사용하여 클래스 이름이 "first", "second" 및 "third"인 <h2> 요소의 모든 형제를 가져옵니다.
의 다음 형제 요소를 모두 선택하는 방법.
다음 형제 <p> 요소 모두 선택 각 <div> 요소의 다음 형제 <p> 요소를 모두 선택하는 방법.