jquery - 如何在具有相同类名的多个类中选择一个类？

Question

这是结构：

<div class="features-image">
</div>
<div class="features-image">
</div>
<div class="features-image">
</div>

我制作了一个 jQuery 函数，如果特征图像处于悬停状态，就会发生某些事情。

我的问题是我有 3 个特色图片，当我的鼠标悬停在第一个特色图片上时，第二个和第三个也会得到相同的效果。

我希望如果第一张特征图像处于悬停状态，则第二张和第三张不会复制第一张图像的效果。

编码：

jQuery(document).ready(function() { 
    jQuery('.features-image').hover(function(){ 
        jQuery(this).animate({
            top:'95px',
            h‌​eight:'135px'
        },500); 
    },function(){ 
        jQuery('.features-content').animate({
            top:'170px',
            height:'60px'
        },500);
    }); 
});

Answer 1

当您定义类似悬停的内容时，您可以使用它来引用当前元素 -

$('.features-image').hover(function() {
    $(this) // mouseover do stuff
}, function {
    $(this) // mouseout do stuff
});

Answer 2

使用this指向当前 div 的指针：

$(function(){

   $('.features-image').hover(function(){

         //do something with $(this), for example:

         $(this).stop(true, true).fadeIn(); //mouseover

   }, function(){

        $(this).stop(true, true).fadeOut(); //mouseout

   });

});