Javascript 单个函数的多个元素

我有多个产品映像，它们共享同一个“基类”（

.bilede\u wrapper1

，

.bilede\u wrapper2

），还有一个JQuery函数

当

.billede_wrapper.5

有鼠标悬停时，如何使

.retslet5

仅显示

下面是代码的当前状态和示例：

在本例中，这两个产品都有相同的类（

.billede\u wrapper

，

.retslet

），它们将（

.billede\u wrapper1

，.

retslet1

，

.billede\u wrapper2

，

.retslet2

）等等，在实际页面上

---

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

使用

$（this.Find（'.retslet'）

---

使用

$（this.Find（'.retslet'）

---

您可以使用

悬停

：

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

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

});

---

您可以使用

悬停

：

$(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");
});

---

您应该像下面这样查找div来滑动元素的子元素

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