仅显示特定Div中的元素

Question

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

简而言之。我需要在SPAN上显示DIV，我将鼠标悬停在其中，SPAN的其余部分应隐藏。

这是代码

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

任何帮助ID非常感谢并提前感谢

Answer 1

试试这个：

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

Answer 2

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

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