jquery - 仅显示特定 Div 中的元素

Question

只是在这里遇到了一个问题。我有多个 div，悬停时会显示Span包含一些文本的 div。我已经创建了一个 jquery 脚本，但是Span当我将鼠标悬停在另一个Div.

简而言之。我需要在鼠标悬停的地方显示，其余的SPAN应该被隐藏。DIVSPAN

这是代码

$('.proimg').hover(function () {
    $('.proimg span').show();
}, function () {
    $('.proimg span').hide();
});

非常感谢任何帮助，并在此先感谢

Answer 1

尝试这个：

$('.proimg').hover(function () {
    $(this).find('span').show();
},function () {
    $(this).find('span').hide();
});

Answer 2

尝试使用选择器选择悬停在特定 div 上的子跨度$(this)：

$('.proimg').hover (function(){
    $(this).children('span').show ();
    },
    function () {
    $(this).children('span').hide();
});