ホバーでjQueryの表示隠すクラス

Question

私は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(); }
 );

これは私が複数のコメントを引き出すことだし、これが唯一の関係なく「コメント」hoverdが何であるかを最初のdivのメニューが表示されませんのためにexept作品。私は現在、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のオーバーアクションホバーである：なし。セットする。あなたは、マウスに敏感な何かでそれをラップして、代わりに子供を表示/非表示を検討する必要があります。