JQuery होवर पर छुपा वर्ग

Question

मैं JQuery के लिए अपेक्षाकृत नया हूं और मैं माउसओवर पर एक मेनू दिखाने में सक्षम होना चाहता हूं।

यहाँ एचटीएमएल

<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 पर मेनू कोई बात नहीं दिखाई देगा के लिए काम करता है क्या "टिप्पणी" होवर किया गया है। मैं केवल उस टिप्पणी के लिए मेनू शो करना चाहता हूं जो वर्तमान में होवर हो रहा है। मुझे लगता है कि मुझे यह काम करने के लिए "$" का उपयोग करने की आवश्यकता है लेकिन यह सुनिश्चित नहीं है कि कैसे।

धन्यवाद।

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 डिस्प्ले है कि अधिक कार्रवाई मंडराना है: कोई नहीं; सेट। हो सकता है कि आप उसे कुछ संवेदनशील तरीके से लपेटने पर विचार करें, और उसके बाद बच्चों को प्रदर्शित/छुपाएं।