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