예
각각의 다음 형제 요소를 돌려줍니다 <li> 클래스 이름을 가진 요소 "start" :
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px
solid red"});
});
결과:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
»그것을 자신을 시도 정의 및 사용
next() 메서드는 선택된 요소의 다음 형제 요소를 반환합니다.
동위 원소는 동일한 부모를 공유하는 요소이다.
DOM 트리 :이 방법은 DOM 요소의 다음 형제를 따라 앞으로 통과.
관련 방법 :
- nextAll() - 선택한 요소의 모든 다음 형제 요소를 반환
- nextUntil() - 주어진 두 인자 사이의 모든 다음 형제 요소를 반환
통사론
$(selector).next( filter )| 매개 변수 | 기술 |
|---|---|
| filter | 선택 과목. 다음 형제 검색 범위를 좁힐 수있는 선택 식을 지정합니다 |
그것을 자신을 시도 - 예를
각각의 다음 형제 선택 <div> 요소를
각각의 다음 형제 요소를 선택하는 방법 <div> 요소를.
검색 범위를 좁힐
다음 형제를 선택하는 방법 <p> 각각의 요소 <div> 요소를.