JQuery Anzeigen Verbergen Klasse auf schweben

Question

Ich bin relativ neu auf JQuery, und ich möchte ein Menü mit der Maus darüber zeigen können.

Hier ist der HTML

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

Dann wird die JQuery

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

Das funktioniert exept für mich aus mehreren Kommentare ziehen werde, und dies wird nur das Menü auf dem ersten div zeigen, egal was „Kommentar“ Hoverd ist. Ich möchte nur das Menü anzeigen lassen für den Kommentar, die derzeit Hoverd über sein wird. Ich glaube, ich brauche „$ this“ zu verwenden, um diese Arbeit zu machen, aber nicht sicher, wie.

Danke.

Answer 1

Wenn lese ich das richtig das Format sein sollte -

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

Bearbeiten, weil ich bin ein kompletter Idiot.

Answer 2

So etwas wie das funktioniert für mich:

<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>

Allerdings ist die Frage, die Sie stellen müssen, ist Aktionen über einen div schweben, das Display hat: none; einstellen. Vielleicht haben Sie es in etwas prüfen wollen Verpackung, die Maus empfindlich ist, und dann Anzeige / anstelle Kinder versteckt.