javascript - 获取具有相同类别的特定图像

Question

我目前正在实现一个系统，我需要在悬停特定图像时制作图像层。从 jquery 如何才能获取和设置特定图像的可见性，即使它们具有相同的类。

这是我的js代码

$(document).ready(function() {
    $('.imgclass').mouseover(function() {
        $('.hoverimg').css('visibility','visible');
        $('.hoverimg').css('opacity','0.6');
    });
    $('.imgclass').mouseout(function() {
        $('.hoverimg').css('visibility','hidden');
    });
});

为了更清楚地说明这是我做的一个例子。 http://jsfiddle.net/xwj4A/

正如您所见，当一个人将鼠标悬停在特定图像上时，两个图像的可见性都设置为可见(因为它们具有相同的类别)。感谢您的帮助!

Answer 1

如果我没理解错的话，你需要这个:

$(document).ready(function() {
    $('.imgclass').mouseover(function() {
        $('.hoverimg' ,this).css('visibility','visible');
        $('.hoverimg' ,this).css('opacity','0.6');
    });
    $('.imgclass').mouseout(function() {
        $('.hoverimg' ,this).css('visibility','hidden');
    });
});

JSFiddle:http://jsfiddle.net/xwj4A/8/