[jQuery]트레버싱(2)

DOM트리에서 형제를 찾는 메소드를 알아보겠습니다.

 

 

 

siblings() - 선택한 요소의 모든 형제 요소를 반환

 

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

직접해보기

 

 

 

 

next() - 선택한 요소의 다음 형제 요소를 반환

 

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

직접해보기

 

 

 

 

 

nextAll() - 선택한 요소의 다음 형제 요소를 모두 반환

 

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

 

 

 

 

nextUntil() - 주어진 두 인수 사이에있는 모든 다음 형제 요소를 반환

 

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

 

 

 

prev() - 선택한 요소의 이전 형제 요소를 반환

prevAll() - 선택한 요소의 이전 형제 요소를 모두 반환

prevUntil() - 주어진 두 인수 사이에있는 모든 이전 형제 요소를 반환

 

 

 

 

 

출처:https://www.w3schools.com/jquery/