單一功能的多元素元素

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/