[jQuery] 05. 탐색(순회)메소드

탐색(순회) 메소드 (Traversing)

Anscestors(조상) 메소드 : 기준이 되는 요소의 상위요소들을 선택할 수 있는 메소드

• $("선택자").parent() : 선택된 요소의 바로 위 상위(부모)요소 하나만을 선택
• $("선택자").parents() : 선택된 요소의 모든 상위요소들을 다 선택
• $("선택자").parents("선택자") : 선택된 요소의 모든 상위요소들 중 제시한 값과 일치하는 상위요소들만 선택
• $("선택자").parentsUntil("선택자") : 선택된 요소부터 제시한 값까지의 모든 상위요소들 선택

 

Descendants (자손, 후손) 메소드 : 기준이 되는 요소의 하위요소들을 선택할 수 있는 메소드

• $("선택자").children() : 선택된 요소의 모든 자손(바로하위) 요소들을 선택
• $("선택자").children("선택자") : 선택된 요소의 모든 자손요소들 중 제시한 값과 일치하는 요소들만 선택
• $("선택자").find("선택자") : 선택된 요소의 모든 후손요소(하위요소들전체)들 중 제시한 값과 일치하는 요소들만 선택

 

Sideways(동위) 메소드 : 같은 레벨에 있는 요소들을 선택할 수 있는 메소드

• $("선택자").siblings() : 선택된 요소와 같은 레벨에 있는 모든 요소들 선택
• $("선택자").siblings("선택자") : 선택된 요소와 같은 레벨에 있는 모든 요소들 중 제시한 값과 일치하는 요소들만 선택

 

• $("선택자").next() : 선택된 요소의 같은 레벨 중 바로 다음 요소 하나만을 선택
• $("선택자").nextAll() : 선택된 요소의 같은 레벨 중 다음 요소들 다 선택
• $("선택자").nextUntil("선택자") : 선택된 요소의 같은 레벨의 다음 요소들 중 제시한 값과 일치하는 요소들까지만 선택

 

• $("선택자").prev() : 선택된 요소의 같은 레벨 중 바로 이전 요소 하나만을 선택
• $("선택자").prevAll() : 선택된 요소의 같은 레벨 중 이전 요소들 다 선택
• $("선택자").prevUntil() : 선택된 요소의 같은 레벨의 이전 요소들 중 제시한 값과 일치하는 요소들까지만