English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery parents() 메서드

jQuery 탐색 메서드

parents() 메서드는 선택된 요소의 모든 조상 요소를 반환합니다.

parents() 메서드는 DOM 요소의 조상 요소를 부모 요소에서 시작하여 <html> 문의 루트 요소까지 탐색합니다.

parents()와closest()메서드의 유사점은 모두 DOM 트리를 탐색한다는 점입니다. 차이점은 다음과 같습니다:

parents()

  • 부모 요소에서 시작합니다

  • DOM 트리에서 문서의 뿌리 요소로 이동하며 각 조상 요소를 일시적인 집합에 추가합니다; 그런 다음 선택자가 있으면 그 집합을 선택자에 따라 필터링합니다

  • 반환된 jQuery 객체는 원래 집합의 각 요소에 대해 0개나 여러 개의 요소를 포함합니다(문서 순서와 반대로)

closest()

  • 현재 요소에서 시작합니다

  • 제공된 선택자와 일치하는 객체를 찾기 위해 DOM 트리를 상승하며 이동합니다

  • 반환된 jQuery 객체는 원래 집합의 각 요소에 대해 문서 순서로 0개나 1개의 요소를 포함합니다

문법:

$(selector).parents(filter)

예제

SPAN 요소의 모든 조상 요소를 반환합니다:

body(고고조상)
div(고조상)
div(조상)

p(직접 부모)                 span

코드 실행

파라미터 값

파라미터설명
필터(선택) 요소와 일치하는 선택자 표현식을 지정하여 요소와 일치하도록 합니다
주의:여러 조상을 반환하려면 각 표현식 사이에 쉼표로 구분하세요

jQuery 탐색 메서드