HTML DOM Element closest() 메서드

정의와 사용법

closest() 메서드는 DOM 트리에서 지정된 CSS 선택자와 일치하는 요소를 탐색합니다.

closest() 메서드는 요소 자신에서 시작하여 조상(부, 조상 요소, ...)까지 탐색하여 일치하는 항목을 찾습니다.

일치하는 항목이 없으면 closest() 메서드가 반환 null。

다른 참조도 보세요:

완전한 CSS 선택자 참조 매뉴얼

Element matches() 메서드

인스턴스

예제 1

Find the closest element that matches the CSS selector ".container":

const element = document.getElementById("myElement");
const closest = element.closest(".container");

직접 시도해 보세요

예제 2

Find the closest element that matches ".container" or ".wrapper":

const element = document.getElementById(".container, .wrapper");
const closest = element.closest(".container");

직접 시도해 보세요

문법

요소.closest(selectors)

파라미터

파라미터 설명
selectors

필수. 일치하려는 CSS 선택자를 매칭하는 하나 이상의 (콤마로 구분된) 선택자.

우리의 완전한 CSS 선택자 참조 매뉴얼。

반환 값

타입 설명
객체

지정된 CSS 선택자와 일치하는 가장 가까운 조상 요소 또는 요소 자체.

일치하는 항목이 없으면 null을 반환합니다.

선택자가 유효하지 않으면 SYNTAX_ERR 예외가 발생합니다.

브라우저 지원

첫 번째 완전히 지원 closest() 메서드의 브라우저 버전:

크롬 에지 파이어폭스 사파리 오페라
크롬
41		 에지
15		 파이어폭스
35		 사파리
9		 오페라
28
2015 년 3 월 2017 년 4 월 2015 년 1 월 2015 년 10 월 2015 년 3 월