javascript - 单个功能有多个元素

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

当.retslet5具有鼠标悬停时，如何使.billede_wrapper.5仅显示？

这是代码的当前状态以及示例：
jsfiddle

在示例中，两个产品具有相同的类（.billede_wrapper，.retslet），在实际页面上它们将是（.billede_wrapper1，。retslet1，.billede_wrapper2，.retslet2），依此类推。

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

最佳答案

通过使用$(this).find('.retslet')查找子.retslet

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

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

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