javascript - 单个函数的多个元素

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') 查找子 .retslet

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

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

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