jquery - 使用 JQuery 仅显示/隐藏一个 DIV

Question

我有一页图像，我想在鼠标悬停时显示/隐藏标签。图像也是链接，div 称为“.smallproj”。 JQuery 脚本运行良好，但当我将鼠标悬停在 .smallproj a 的任何一个实例上时，当然会显示 .smallproj p 的所有实例。我知道我需要更改脚本，以便只显示悬停在上方的 .smallproj 实例，但在这种情况下最好的方法是什么？

JQuery 脚本:

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

Answer 1

我认为你可以:

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

或者，看起来您还想将鼠标悬停在链接上，所以请尝试:

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