JQuery 특정 클래스 접두사를 사용하여 첫 번째 부모 요소 찾기

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">

선택기와 함께 사용:

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

Jquery는 나중에 이 방법으로 부모를 찾을 수 있도록 허용했습니다.

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

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