순회(탐색) 메소드

Ancestors 메소드

• 선택된 요소의 상위 요소(조상)들을 선택할 수 있는 메소드
• 목록 태그 예시

$(‘선택자’).parent( )

• 선택된 요소의 바로 위 상위요소만 리턴

$("span").parent().css({"color":"red", "border":"2px solid red"});
// span 태그를 기준으로 바로 위에 태그만 css 속성 적용

$(‘선택자’).parents( [인자] )

• 선택된 요소의 모든 상위 요소 리턴
• 매개변수가 있으면 매개변수와 일치하는 부모만 선택

$("span").parents().css({"color":"blue", "border":"2px solid blue"});
// 상위 요소 전부 선택
$("span").parents('ul').css({"color":"blue", "border":"2px solid blue"});
// 상위 요소 중 ul 태그만 적용

$(‘선택자’).parentsUntil( [인자] )

• 선택된 요소의 지정 요소 전까지 범위의 모든 요소 리턴
  • 단, 지정한 부모 요소는 포함X

$("span").parentsUntil("div").css({"color":"red", "border":"2px solid black"});
// span 태그부터 div 태그 전까지 -> ul, li태그만 적용

Descendants 메소드

• 선택된 요소의 하위 요소들을 선택할 수 있는 메소드