jQuery 순회 - 조상

조상은 부모, 조부 또는 고조부 등입니다。

jQuery를 통해 DOM 트리를 상승 방향으로 탐색할 수 있습니다. 조상 요소를 찾을 수 있습니다。

DOM 트리 상승 탐색

이 jQuery 메서드들은 매우 유용하며, DOM 트리를 상승 방향으로 탐색하는 데 사용됩니다：

  • parent()
  • parents()
  • parentsUntil()

jQuery parent() 메서드

parent() 메서드는 선택된 요소의 직접 부모 요소를 반환합니다。

이 메서드는 DOM 트리를 한 단계 위로 올라가는 것만을 수행합니다。

아래의 예제는 각 <span> 요소의 직접 부모 요소를 반환합니다：

예제

$(document).ready(function(){
  $("span").parent();
});

본인이 직접 시도해 보세요

jQuery parents() 메서드

parents() 메서드는 선택된 요소의 모든 조상 요소를 반환하며, 그것이 문서의 루트 요소 (<html>)까지 올라갑니다。

아래의 예제는 모든 <span> 요소의 모든 조상을 반환합니다：

예제

$(document).ready(function(){
  $("span").parents();
});

본인이 직접 시도해 보세요

선택 가능한 매개변수를 사용하여 조상 요소 검색을 필터링할 수도 있습니다。

아래의 예제는 모든 <span> 요소의 모든 조상을 반환하고, 그것이 <ul> 요소입니다：

예제

$(document).ready(function(){
  $("span").parents("ul");
});

본인이 직접 시도해 보세요

jQuery parentsUntil() 메서드

parentsUntil() 메서드는 두 가지 주어진 요소 사이의 모든 조상 요소를 반환합니다。

아래의 예제는 <span>과 <div> 요소 사이의 모든 조상 요소를 반환합니다：

예제

$(document).ready(function(){
  $("span").parentsUntil("div");
});

본인이 직접 시도해 보세요

jQuery 순회 참조 매뉴얼

모든 jQuery 순회 메서드를 알고 싶다면, 우리의 jQuery 순회 참조 매뉴얼。