Latest web development tutorials

jQuery를 통과 - 동포 (형제 자매)

동포는 같은 부모 요소가 있습니다.

jQuery를, 당신은 DOM 트리에서 요소의 동포를 통과 할 수 있습니다.

DOM 트리 탐색의 수준

DOM 트리 탐색 수준에서 우리를 얻을 수있는 많은 유용한 방법이 있습니다 :

  • 형제 자매 ()
  • 다음 ()
  • nextAll ()
  • nextUntil ()
  • 이전 ()
  • prevAll ()
  • prevUntil ()

jQuery를 형제 자매 () 메소드

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

다음은 <H2> 요소의 모든 동포를 반환

예

$(document).ready(function(){
$("h2").siblings();
});

»시도

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

다음의 예 반환 <H2> 요소의 모든 동포 <P> 요소에 속하는 :

예

$(document).ready(function(){
$("h2").siblings("p");
});

»시도

jQuery를 다음 () 메소드

다음 () 메소드는 다음 요소 동포 선택한 요소를 반환합니다.

이 방법은 하나의 요소를 반환합니다.

다음의 예는 동포 옆에있는 <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를 이전 (), prevAll () prevUntil () 메소드

작업 이전 () prevAll () 및 prevUntil () 방법은 상술 한 방법과 유사하지만 반대 방향 : 그들은 대신 후방 동포 소자 따라 DOM 트리 탐색에 (동국 요소 앞에 반환 앞으로).