예
각각의 모든 다음 형제 요소를 돌려줍니다 <li> 클래스 이름을 가진 요소 "start" :
$(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 )| 매개 변수 | 기술 |
|---|---|
| filter | 선택 과목. 다음 형제 자매에 대한 검색 범위를 좁힐 수있는 선택 식을 지정합니다 참고 : 여러 형제를 반환 쉼표로 각 식을 구분합니다. |
그것을 자신을 시도 - 예를
검색 범위를 좁힐
어떻게 다음 형제 요소에 대한 검색을 필터링합니다.
여러 형제 자매를 돌려줍니다
필터 매개 변수를 사용하면 모든 형제 얻기 위해 <h2> 클래스 이름이 요소 "first", "second" 및 "third" .
(A)의 모든 다음 형제 요소 선택 <p> 요소를
어떻게 모든 다음 형제 요소 선택 <p> 요소를.
다음의 모든 형제를 선택 <p> 요소 <div>
어떻게 모든 다음 형제를 선택하는 방법 <p> 각각의 요소 <div> 요소를.