JQuery在hover时显示隐藏类

我对JQuery相对较新，我希望能够在鼠标hover时显示菜单。

这是html

  
  Approve | Delete | Spam | Edit  

然后是JQuery

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

这项工作是因为我将多个评论拉出来，这只会显示第一个div上的菜单，无论“评论”是什么。 我想将菜单显示仅用于当前正在hover的评论。 我想我需要用“$ this”来完成这项工作，但不知道如何。

谢谢。

Answer 1

如果我正确阅读该格式应该是 –

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

编辑，因为我是一个完全白痴。

Answer 2

这样的东西适合我：

   
 

 asdApprove | Delete 
 

 asd Approve | Delete 
 

 asd Approve| Delete 
  

但是，您将面临的问题是将hover操作覆盖在具有display：none的div上; 组。 您可能需要考虑将其包装在鼠标敏感的内容中，然后显示/隐藏子项。