jQueryで既知のクラスの親を見つける方法は？

Question

私は<div>を持っていて、その中には多くの他のネストレベルのものがたくさんあります。すべての子供に<div>の識別子を与えるのではなく、むしろルート<div>を識別子として与えます。ここでは例です：

<div class="a" id="a5"> 
    <div class="b"> 
    <div class="c"> 
     <a class="d"> 
     </a> 
    </div> 
    </div> 
</div> 

私はクラスdに対応するためにjQueryの関数を書いて、私はその親、クラスaのためのIDを検索したい場合は、私はこれを行うだろうか？ aが複数あるので、私は単に$('.a').attr('id');を行うことはできません。私は親の親の親のIDを見つけることができましたが、それはデザインが悪く、遅く、ポリモーフィックではないようです（クラスcのIDを見つけるために別のコードを書く必要があります）。

Answer 1

thisが.dであると仮定すると、あなたは

$(this).closest('.a'); 

closest methodは、セレクタに一致するあなたの要素の最も内側の親を返します書くことができます。

Answer 2

はjQueryのparents関数にセレクタを渡します

d.parents('.a').attr('id') 

EDITあなただけのセレクタに一致する最も近い祖先をしたい場合はうーん、実際にSlaksの答えは優れています。

Answer 3

parents()を使用すると、指定したセレクタを持つすべての親を取得できます。

説明：必要に応じて セレクタによってフィルタリングマッチ 要素の現在のセット内の各 要素の祖先を取得します。

しかし、parent()は要素の最初の親を取得します。

説明：必要に応じて セレクタによってフィルタリングマッチ 要素の現在のセット内の各 要素の親を取得します。

jQuery parent() vs. parents()

そして私が一番になると思う.parentsUntil()があります。

説明：マッチ 要素の現在のセット内の各 要素の祖先を取得し、最大しかしセレクタにマッチ 要素を含みません。