单一功能的多元素元素

Question

我有多个产品图像共享相同的“基本”类（.billede_wrapper1,.billede_wrapper2）和单个JQuery函数。

我该如何让.retslet5只显示，当.billede_wrapper.5有鼠标悬停？

这里是代码的当前状态，并且例如：两种产品都具有相同的类 jsfiddle

在例子（.billede_wrapper，.retslet），他们将是（.billede_wrapper1，retslet1，.billede_wrapper2。 .retslet2）等等。

表示产品数据库ID的数字。

Answer 1

找到孩子使用$(this).find('.retslet')

$(document).ready(function(){ 
    $('.retslet').hide(); 

    $('.billede_wrap').mouseenter(function(){ 
     $(this).find('.retslet').slideDown("fast"); 
    }); 

    $('.billede_wrap').mouseleave(function(){ 
     $(this).find('.retslet').slideUp("fast"); 
    }); 
}); 

.retslet

Answer 2

您可以使用hover：

$(document).ready(function(){ 
    $('.retslet').hide(); 

    $('.billede_wrap').hover(function(){ 
     $(this).find('.retslet').slideDown("fast"); 
    }, function() { 
     $(this).find('.retslet').slideUp("fast"); 
    }); 

}); 

Answer 3

你应该寻找股利效果基本show amoungst元素的孩子喜欢这个

$('.billede_wrap').mouseenter(function(){ 
    $(this).children('.retslet').slideDown("fast"); 
}); 

http://jsfiddle.net/6C6Mu/28/