javascript - JQuery 脚本的小问题

Question

我有一个带有叠加层的图像列表。当我将鼠标悬停在图像上时，文本和叠加层应该使用 JQuery 消失。当我将鼠标悬停在图像上时，该特定图像的叠加层会消失，这是正确的。问题是文字。当我将鼠标悬停在图像上时，该图像和所有其他图像上的文本都会消失。我只想隐藏该特定图像的文本和叠加层。这似乎是一个小问题，因为我让覆盖层正常工作。先谢谢各位 friend 了。

这是 JQuery:

//Hides the screen and text on mouseover
$('.screen').mouseover(function() {
    $('.screen_text').hide();
    $(this).slideUp(400);

});
//Shows the screen and text on mouseout
$('.portfolio img').mouseout(function() {
    $('.screen_text').show();
    $('.screen').slideDown(400);

});

Answer 1

没有看到你的 html 模型，我的假设是你的 jquery 选择器带回所有文本元素(因为你正在做 $('.screen_text') )我认为您想要做的是:

$('.screen_text',this).hide();

这应该只带回在此上下文中具有类名 screen_text 的元素