jqueryの遠い親を見つけよう

Question

親要素として木を上にしている要素を追跡する方法がちょっと残っています。

$('.btn-action').hover(
    function(){ 
    $(this).find('.product-card').addClass('animated bounce'); 
    }, 
    function(){ 
    $(this).find('.product-card').removeClass('animated bounce') 
    } 
); 

.product-cardクラスは直接の親ではなく、ツリーの上にあります。 .btn-actionクラスのホバーメソッドに基づいてアニメーションを作成する必要があります。 .parent()または.find()でこれを達成できますか？

Answer 1

ツリーを上に移動するには、.closest（）を使用します。

$(this).closest('.product-card').addClass('animated bounce'); 

さらにツリーの使用.find（）。 同じレベルに留まるには、.siblings（）を使用できます。

あなたのクラス名のスペースについてはわかりませんが、複数のクラスが意図されていない場合は、ダッシュを使用してください。

Answer 2

私は、要素の最も近い親を取得するには.closest(selector)メソッドを使用すると思います。

Answer 3

.parents（）を使用してみましたか？ https://api.jquery.com/parents/

を取得するには@see .productカード祖先は試してみてください。

$('.product-card').parents()