특정 클래스 접두사를 가진 첫 번째 부모를 얻고 싶습니다.
<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을 통과 .