javascript - 1 つの機能に対する複数の要素

Question

同じ「基本」クラス ( .billede_wrapper1、.billede_wrapper2) と単一の JQuery 関数を共有する複数の製品イメージがあります。

.retslet5マウスオーバーしたときにのみ表示するにはどうすればよい.billede_wrapper.5ですか?

コードの現在の状態と例を次に示します 。

この例では、両方の製品が同じクラス ( .billede_wrapper, ) を持ち、実際のページでは ( , . , ) などに.retsletなり.billede_wrapper1ますretslet1。.billede_wrapper2.retslet2

製品のデータベース ID を表す数字。

Answer 1

を使用して子 .retslet を見つけます$(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");
    });
});

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

このような要素の子の間でスライドアップするdivを探す必要があります

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

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