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

私は<div>その中に他<div>の多くのを持ち、それぞれが異なる入れ子レベルにあります。すべての子<div>に識別子を与えるのではなく、ルート<div>に識別子を与えるだけです。次に例を示します。

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

クラスに応答する関数をjQueryで記述し、dその親であるクラスのIDを見つけたいa場合、どうすればよいですか？

$('.a').attr('id');複数のクラスが存在するため、単純に行うことはできませんa。私はその親の親の親のIDを見つけることができましたが、デザインが悪く、遅く、あまり多形的ではないようです（クラスのIDを見つけるために別のコードを記述する必要がありますc）。

それthisが.dであると仮定すると、あなたは書くことができます

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

このclosestメソッドは、セレクターに一致する要素の最も内側の親を返します。

セレクターをjQuery 親関数に渡します。

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

編集うーん、実際にはSlaksの答えは、セレクターに一致する最も近い祖先だけが必要な場合に優れています。

parents（）を使用して、特定のセレクターを持つすべての親を取得できます。

説明：必要に応じてセレクターでフィルター処理された、一致する要素の現在のセット内の各要素の祖先を取得します。

しかし、parent（）は要素の最初の親のみを取得します。

説明：現在の一致する要素のセット内の各要素の親を取得します。オプションでセレクターでフィルター処理できます。

jQuery parent（）とparents（）

そして、私は最高だと思う.parentsUntil（）があります。

説明：現在の一致する要素のセット内の各要素の祖先を取得します。ただし、セレクターによって一致した要素は含まれません。

.parentsUntil（）を使用してください

$(".d").parentsUntil(".a");

上記の@Resordのコメントから抽出。これは私にとってはうまくいき、質問にもっと傾倒しました。

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

ありがとう