IT박스

JQuery는 특정 클래스 접두사가있는 첫 번째 상위 요소를 찾습니다.

itboxs 2020. 7. 21. 08:10
반응형

JQuery는 특정 클래스 접두사가있는 첫 번째 상위 요소를 찾습니다.


특정 클래스 접두사가있는 첫 번째 부모를 얻고 싶습니다.

<div class="div-a3332"> 
  <div class="div-a89892">
    <p>
      <div class="div-b2">
        <div id="divid">hi</div>
      </div>
    </p>
  </div>
</div>

예를 들어, 현재 요소는 #divid클래스 접두사가 div-a 인 첫 번째 요소를 찾고 싶습니다. 기본적으로 다음을 선택합니다.

<div class="div-a89892">

.closest()선택기와 함께 사용하십시오 .

var $div = $('#divid').closest('div[class^="div-a"]');

Jquery는 나중에 .parents()메소드를 사용 하여 부모를 찾을 수있었습니다 .

따라서 다음을 사용하는 것이 좋습니다.

var $div = $('#divid').parents('div[class^="div-a"]');

이것은 선택자와 일치하는 모든 부모 노드를 제공합니다. 선택기와 일치하는 첫 번째 부모를 얻으려면 다음을 사용하십시오.

var $div = $('#divid').parents('div[class^="div-a"]').eq(0);

등의 DOM 통과 쿼리의 경우에 문서를 체크 아웃 DOM을 통과 .

참고 URL : https://stackoverflow.com/questions/7457618/jquery-find-first-parent-element-with-specific-class-prefix

반응형