jquery - jQueryチェーンparent()、もっと簡単な方法はありますか?

Question

ねえ、私はこのようなマークアップをいくつか持っています

<div id="some-id">
    <h2><a href="#">Title</a></h2>
</div>

そして、このようないくつかのjQuery

$(this).parent().parent().attr("id")

$(this) は、「h2」内の「a」タグを参照しています

parent() を 2 回使用せずに親 div を選択する簡単な方法はありますか。私は試した

$(this).parent("div").attr("id")

しかし、うまくいきませんでした。

ありがとう

Answer 1

.closest()次のように使用できます。

$(this).closest("div").attr("id")

ここでテストできます。 .parent("div")見た目ほど直感的ではありません。セレクターに一致する場合は直接の親のみを取得し、セレクターに一致するまで親を登ります。.closest()

(この例には当てはまりません)thisがセレクターに一致する場合、その要素を返します。最初の親ではなく、それ自体で始まります。