JQuery Show hoverda saklanıma dikkat edin

Question

JQuery'de göreceli olarak yeni biriyim ve mouseover'da bir menü gösterebilmek istiyorum. İşte

HTML Sonra

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

Bu benim birden çok yorum dışarı çekiyorum ve bu olursa olsun, yalnızca ilk div menüyü gösterecektir exept işleri ne "yorum" hoverd. Menü gösteriminin sadece şu anda hoverd olmakta olan yoruma sahip olmasını istiyorum. Bu işi yapmak için "$ this" kullanmam gerektiğini düşünüyorum, ama nasıl emin değilim.

Teşekkürler.

Answer 1

i tam salağım çünkü doğru biçim

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

Edit bazen daha fazla katta gerektiğini okuyorsam.

böyle

Answer 2

şey benim için çalışıyor : Ancak

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

, karşısında olacak sorunu ekrana sahip bir div üzerinde eylemler hover: none; ayarlayın. Fare duyarlı olan bir şeye sarmayı ve bunun yerine çocukları göstermeyi/gizlemeyi düşünebilirsiniz.