javascript - 特定のセレクターを含む親要素を探す方法

Question

次の html 構造 (1) があるとします。
からのようなメイキング$('.child') elementにアクセスできます。 $('.gran-parent') element$('.child').parent().parent();

とにかく、一般的ではないので、これは良い方法だとは思いません。
$('.gran-parent') と $('.child') の間に他の div があるとします。から始めて、
クラスが である最初の親を参照する最も一般的な方法は何ですか? gran-parent$('.child')

<div class='gran-parent'>
    <div class='parent'>
        <div class='child'>
        </div>
    </div>
</div>

Answer 1

あなたがしたい：

$('.child').closest(".grand-parent");

.closestが見つかるまでトラバースし続け.grand-parentます。行うこともできます.parents(".grand-parent")が、DOM 階層によっては複数の結果が返される可能性があるため、次のようにする必要があります。

.parents(".grand-parent").eq(0)

また：

.parents(".grand-parent").slice(0)

また：

.parents(".grand-parent:first")

これらはすべて よりエレガントではありません.closest()。

見る：

• http://api.jquery.com/closest/
• http://api.jquery.com/parents/

Answer 2

.parents()演算子を探しています。

例：

$('.child').parents('.gran-parent');