최신 웹 개발 튜토리얼
 

jQuery이송 - 형제를

❮ 이전 다음 장 ❯

형제는 같은 부모를 공유 할 수 있습니다.

jQuery를 사용하면 요소의 형제 자매를 찾기 위해 DOM 트리에서 옆으로 통과 할 수 있습니다.

DOM 트리에서 옆으로 이송

DOM 트리에서 옆으로 통과를위한 유용한의 jQuery 방법이 있습니다 :

  • siblings()
  • next()
  • nextAll()
  • nextUntil()
  • prev()
  • prevAll()
  • prevUntil()

jQuery를 siblings() 메소드

siblings() 메서드는 선택된 요소의 모든 형제 요소를 반환합니다.

다음 예는 모든 형제 요소를 반환 <h2> :

예

$(document).ready(function(){
    $("h2").siblings();
});
»그것을 자신을 시도

또한 형제 자매에 대한 검색을 필터링하는 선택적 매개 변수를 사용할 수 있습니다.

다음 예는 모든 형제 요소를 반환 <h2> 것을 <p> 요소를 :

예

$(document).ready(function(){
    $("h2").siblings("p");
});
»그것을 자신을 시도

jQuery를 next() 메소드

next() 메서드는 선택된 요소의 다음 형제 요소를 반환합니다.

다음 예제의 다음 형제를 반환 <h2> :

예

$(document).ready(function(){
    $("h2").next();
});
»그것을 자신을 시도

jQuery를 nextAll() 메소드

nextAll() 메서드는 선택된 요소의 모든 다음 형제 요소를 반환합니다.

다음의 예는 모두 다음 형제 요소를 반환 <h2> :

예

$(document).ready(function(){
    $("h2").nextAll();
});
»그것을 자신을 시도

jQuery를 nextUntil() 메소드

nextUntil() 메서드는 두 개의 지정된 인수 사이의 모든 다음 형제 요소를 반환합니다.

다음은 사이의 모든 형제 요소를 반환 <h2> 와 <h6> 요소를 :

예

$(document).ready(function(){
    $("h2").nextUntil("h6");
});
»그것을 자신을 시도

의 jQuery prev(), prevAll() & prevUntil() 메소드

prev(), prevAll() 및 prevUntil() 메소드는 위의하지만 역 기능을 가진 방법처럼 작동 : 그들은 (대신 앞으로의, DOM 트리에있는 형제 요소를 따라 뒤쪽으로 통과) 이전 형제 요소를 반환합니다.

연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3» 운동 4» 운동 5» 운동 6»

jQuery를 이송 참조

모든 jQuery를 이송 방법의 전체 개요는, 우리로 이동하시기 바랍니다 jQuery를 이송 참조 .


❮ 이전 다음 장 ❯