悬停JQuery的显示隐藏类(JQuery Show hide class on hover)

我是比较新的jQuery和我想能够显示在鼠标悬停的菜单。

下面是HTML

<td class ="comment_div"> <?php echo("$comment_data['comment']); ?> <br/>  
   <span class="comment_actions"> Approve | Delete | Spam | Edit</span>  
</td>

然后JQuery的

 $("comment_div").hover(
      function() { $(".comment_actions").show(); },
      function() { $(".comment_actions").hide(); }
 );

这个工程exept为我拉多评论了，这不仅将不管显示在第一个div菜单什么是“评论”是hoverd。 我想有菜单仅显示当前正在hoverd过评论。 我想我需要用“$这个”，使这项工作，但不知道如何。

谢谢。

Answer 1:

如果我读取正确的格式应为─

$(".comment_div").hover(
  function() { $(this).children(".comment_actions").show(); },
  function() { $(this).children(".comment_actions").hide(); }
);

编辑因为我是个白痴。

Answer 2:

这样的事情对我的作品：

<script>
$(document).ready(function() {
$(".container").hover(
      function() { $(this).children('.comment_actions').show(); },
      function() { $(this).children('.comment_actions').hide(); }
 );

});

</script>

<style>

</style>


<table border="1"><tr>
<td class ="container"><br/>  
   asd<span class="comment_actions">Approve | Delete</span>  
</td>
<td class ="container"><br/>  
  asd <span class="comment_actions">Approve | Delete</span>  
</td>
<td class ="container"><br/> 
  asd<span class="comment_actions"> Approve| Delete</span>  
</td>
</tr></table>

但是，你要面对的问题是悬停在显示有一个div操作：无; 组。 你可能要考虑它包裹在东西是鼠标敏感，然后显示/隐藏，而不是孩子。

文章来源: JQuery Show hide class on hover