JavaScript의 Nearest() 메소드는 가장 가까운 조상을 검색하거나 선택기와 일치하는 요소의 부모를 검색하는 데 사용됩니다. 조상이 발견되지 않으면 메서드는 다음을 반환합니다. 없는 .
이 메서드는 문서 트리의 요소와 해당 부모를 순회하며 제공된 선택기 문자열과 일치하는 첫 번째 노드를 찾을 때까지 순회가 계속됩니다.
C 언어의 행렬
통사론
targetElement.closest(selectors);
위 구문에서, 선택자 선택기를 포함하는 문자열입니다(예: p:호버 등) 노드를 찾는 데 사용됩니다.
몇 가지 그림을 사용하여 이 방법을 이해해 보겠습니다.
numpy 내적
실시예 1
이 예에는 세 개의 div 요소와 우리가 적용할 제목이 있습니다. 가장 가까운() 방법. 여기서 우리가 사용하는 선택자는 ID 선택자, 자손 선택자, 어린이 선택기 및 :아니다 선택자.
This is the first div element. <h3 id="h"> This is a heading inside the div. </h3> This is the div inside the div element. This is the div element inside the second div element. var val1 = document.getElementById('div3'); var o1 = val1.closest('#div1'); var o2 = val1.closest('div div'); var o3 = val1.closest('div > div'); var o4 = val1.closest(':not(#div3)'); console.log(o1); console.log(o2); console.log(o3); console.log(o4);지금 테스트해보세요
산출
위 코드를 실행한 후 출력은 다음과 같습니다.
실시예2
이것은 또 다른 사용 예입니다. 자바스크립트 '에스 가장 가까운() 방법.
This is the div element. <p id="p1"> This is the paragraph element inside the div element. </p><h3 id="h"> This is the child of the paragraph element. <p id="p2"> This is the child of heading element of the paragraph element. </p> </h3> <p></p> var val1 = document.getElementById('p2'); var o1 = val1.closest('p'); var o2 = val1.closest('h3'); var o3 = val1.closest('div'); console.log(o1); console.log(o2); console.log(o3);지금 테스트해보세요
산출
자바 mvc
위 코드를 실행한 후 출력은 다음과 같습니다.
