2013-07-02 120 views
1

只是在这里遇到问题。我有多个div,悬停时显示包含一些文本的Span。我创建了一个jQuery脚本,但是当我将鼠标悬停在另一个Div上时,它同样显示了所有Span仅显示特定Div中的元素

总之。我需要在DIV上显示SPAN,我将鼠标悬停,其余的SPAN应该隐藏。

这里是代码

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

任何帮助ID非常赞赏和感谢提前

+0

您能否展示更多代码:至少两个div的HTML及其跨度 - 重现您所看到的最小值? – Floris

回答

3

试试这个:

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

您击中了公牛眼..先生...很多谢谢..一个小问题是否仅针对父项下的SPAN .proimg Div – Gops

+1

这将查找所有跨过悬停的.proimg元素的子项。 – j08691

+0

再次感谢。我的一天得救了 – Gops

0

尽量选择孩子跨越那徘徊在特定的div使用$(this)选择器:

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