jquery悬停影响具有相同类名的所有元素

Question

大家好快问...

我正在使用jquery hover我已经获得了具有相同类名的tile，其中h2标签内部元素的标题..我试图使用悬停来使h2标签出现时单个磁贴悬停在...但是有些原因，当我将鼠标悬停在瓷砖上时，它会影响所有其他瓷砖内的所有h2标签..我只是希望它能够在你将鼠标悬停在那个单独的瓷砖上而不影响其余部分时......这就是我得到的......

感谢

 $(".background_overlay").hover(function() {
    $(".text h2").addClass( "animated fadeInUp" );
}, function() {
   $(".text h2").removeClass( "animated fadeInUp" );
});

Answer 1

使用jQuery find()方法获取所选元素中的元素

$(".background_overlay").hover(function() {
    $(this).find(".text h2").addClass( "animated fadeInUp" );
}, function() {
    $(this).find(".text h2").removeClass( "animated fadeInUp" );
});