0

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

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

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

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

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

4

3 に答える 3

3

を使用して子 .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");
    });
});
于 2012-07-26T10:32:36.760 に答える
0

使用できますhover

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

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

});
于 2012-07-26T10:35:08.567 に答える
0

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

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

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

于 2012-07-26T10:35:57.067 に答える