Javascript Jquery正在尝试查找特定的父div

Javascript Jquery正在尝试查找特定的父div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个如下列表: <div class="col12"> <div class="card-stacked"> <div class="card-content"> <a class="card-link" href=""></a> </div> </div> </div> -------------- <div class="col12"> &

我有一个如下列表:

<div class="col12">
  <div class="card-stacked">
    <div class="card-content">
      <a class="card-link" href=""></a>
    </div>
  </div>
</div>
--------------

<div class="col12">
  <div class="card-stacked">
    <div class="card-content">
      <a class="card-link" href=""></a>
    </div>
  </div>
</div>
--------------
<div class="col12">
  <div class="card-stacked">
    <div class="card-content">
      <a class="card-link" href=""></a>
    </div>
  </div>
</div>

您可以使用jQuery方法

$(this).closest('.card-stacked').addClass('hover');
//OR
$(this).parents('.card-stacked').addClass('hover');
希望这有帮助

$('.card link')。悬停(函数(){
$(this).closest('.card stacked').addClass('hover');
},函数(){
$(this).closest('.card stacked').removeClass('hover');
});
。悬停{
背景颜色:黄色;
}

--------------
--------------

--------------
我认为这篇文档应该可以帮助您


尝试此操作。

您必须使用
.closest()
方法来获取树中的特定父级。您还可以使用
.toggleClass()
等:

$('.card link')。悬停(函数(e){
$(this).closest('.card stacked').toggleClass('hover',e.type=='mouseenter');
});
。悬停{
背景:黄色;
}

--------------
--------------

--------------
最近的一次修复!干杯:)
$(this).closest('.card-stacked').addClass('hover');
//OR
$(this).parents('.card-stacked').addClass('hover');
$('.card-link').hover(function() {
                $(this).parents('.card-stacked').addClass('hover');
            }, function() {
                $(this).$('.card-stacked').removeClass('hover');
            });