0

マウスオーバー時にラベルを表示/非表示にしたい画像のページがあります。画像もリンクであり、divは「.smallproj」と呼ばれます。JQueryスクリプトはうまく機能しますが、.smallproj aのいずれかのインスタンスにカーソルを合わせると、もちろん.smallprojpのすべてのインスタンスが表示されます。ホバーされている.smallprojのインスタンスのみが表示されるようにスクリプトを変更する必要があることはわかっていますが、この場合、それを行うための最良の方法は何ですか？

JQueryスクリプト：

$(".smallproj a").on({
    mouseover: function() {
        $(".smallproj p").show();
    },      
    mouseout: function() {
        $(".smallproj p").hide();
    }       
});
4

3 に答える 3

1

私はあなたができると思います：

$('.smallproj p').hover(function(){
  $(this).show();
});

または、リンクにカーソルを合わせたいと思われるので、次を試してください。

$('.smallproj a').hover(function(){
  $(this).find('p').show();
});
于 2013-02-22T18:03:26.397 に答える
0

いろいろな使い方ができます。いくつかの例：

同じレベル

$(".smallproj a").on({
    mouseover: function() {
        $(this).siblings("p").show();
    },      
    mouseout: function() {
        $(this).siblings("p").hide();
    }       
});

親の内部

$(".smallproj a").on({
    mouseover: function() {
        $(this).parent().find("p").show();
    },      
    mouseout: function() {
        $(this).parent().find("p").hide();
    }       
});

情報：

  1. 兄弟
  2. 親
于 2013-02-22T18:03:54.813 に答える