javascript - 如何在将鼠标悬停在另一个 div 上时显示一个 div

Question

这里我的第一个 div 显示了一张图片。如果您将鼠标悬停在图像上，那么它应该会显示另一个名为 hdiv 的 div。

这里 $pitem[6] 使用 php for 循环从数据库返回数据。

代码

<div class="pcimga">
    <div class="pcimg"><img src="Portfolio_Image/'.$pitem[6].'" class="pcimg" /></div>

        <div class="hdiv" style="display:none;">
           <span class=" butnn"><a data-toggle="modal" href="#myModal'.$pitem[0].'">View</a>
        </div>          
</div>

Answer 1

试试这个

$('.pcimga').hover(function() {
    $(this).find('.hdiv').show();
}, function(){
    $(this).find('.hdiv').hide();
});

在这里查看 JsFiddle