单个功能的多个元素

Multiple elements for a single function

本文关键字：元素 功能 单个      更新时间：2024-03-29

我有多个产品映像，它们共享同一个"基本"类（.billede_wrapper1、.billede_wrapper2）和一个JQuery函数。

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

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

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

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

使用$(this).find('.retslet') 查找child.retslet

$(document).ready(function(){
    $('.retslet').hide();
    $('.billede_wrap').mouseenter(function(){
        $(this).find('.retslet').slideDown("fast");
    });
    $('.billede_wrap').mouseleave(function(){
        $(this).find('.retslet').slideUp("fast");
    });
});

您可以使用hover:

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

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

相关文章：