基本上,我需要将鼠标悬停在锚点上才能显示“ data-Meta” div.效果很好,但是当有多个td和div时,一个鼠标悬停会显示所有这些.我的问题是如何单独显示/隐藏它们？下面的代码段.

<td>
<a href="#">Item</a>
<div class="data-Meta">
    <a href="#">Edit</a> | <a href="#">Disable</a> | <a href="#">Delete</a>
</div>

 $(document).ready(function(){        
    $("td").hover(
        function () {
        $('.data-Meta').show();
        },function () {
        $('.data-Meta').hide();
    });
});