我有多个产品映像,它们共享同一个"基本"类(.billede_wrapper1
、.billede_wrapper2
)和一个JQuery函数。
当.billede_wrapper.5
鼠标悬停时,如何使.retslet5
仅显示?
以下是代码的当前状态和示例:jsfiddle
在该示例中,两个产品都具有相同的类(.billede_wrapper
、.retslet
),它们将是(.billede_wrapper1
、.retslet1
、.billede_wrapper2
、.retslet2
),依此类推。
表示产品的数据库ID的数字。
使用$(this).find('.retslet')
查找child.retslet
$(document).ready(function(){
$('.retslet').hide();
$('.billede_wrap').mouseenter(function(){
$(this).find('.retslet').slideDown("fast");
});
$('.billede_wrap').mouseleave(function(){
$(this).find('.retslet').slideUp("fast");
});
});
您可以使用hover
:
$(document).ready(function(){
$('.retslet').hide();
$('.billede_wrap').hover(function(){
$(this).find('.retslet').slideDown("fast");
}, function() {
$(this).find('.retslet').slideUp("fast");
});
});
您应该查找div以滑动到类似的元素的子元素
$('.billede_wrap').mouseenter(function(){
$(this).children('.retslet').slideDown("fast");
});
http://jsfiddle.net/6C6Mu/28/