특정 element 찾기 : closest

Element의 closest() 메서드는 주어진 CSS 선택자와 일치하는 요소를 찾을 때까지, 자기 자신을 포함해 위쪽(부모 방향, 문서 루트까지)으로 문서 트리를 순회합니다

 

해당 element를 기준으로 부모방향으로 특정 element를 찾기위해선 closest를 사용한다.

onClick = (event)=>{
	// 현재 이벤트가 발생된 element
	const baseElement = event.target;
    
    // 현재 element에서 부모 루트로 ID가 'A'인 요소를 탐색/반환
    const elementA = baseElement.closest('#A');

}