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');
});