होवर पर jquery विशिष्ट शो बटन

Question

मेरे पास एक लूप के माध्यम से divs का एक समूह बनाने का एक अनुप्रयोग है।

प्रत्येक div class "उत्पाद"

तो ऐसा लगता है कि

<div class="product"> 
     !.....stuff here ....! 
     <div class="show_on_hover">...buttons here... </div> 
</div> 

तो वहाँ प्रति पृष्ठ ये वही divs में से 12 के बारे में हैं।

मैं एक विशिष्ट व्यक्ति पर होवर करना चाहता हूं और विशिष्ट "show_on_hover" div दिखा सकता हूं जो प्रारंभ में प्रदर्शित करने के लिए सेट है: none।

$('.product').hover(function() { 
    $(.show_on_hover).show(); 
    }, 
    function() { 
     $(.show_on_hover).hide(); 
    } 
); 

है यही कारण है कि मैं अब तक है, लेकिन यह पृष्ठ पर .show_on_hovers के सभी दिखाएगा तो मैं कैसे केवल विशिष्ट एक आप को दिखाने के लिए पर moused है पाने के लिए सोच रहा हूँ। यह प्रभाव यूट्यूब पर देखा जाता है जब आप किसी भी टिप्पणी को माउसवर करते हैं, और कुछ टिप्पणी टूल पॉप अप होते हैं।

धन्यवाद!

Answer 1

find आपके .show_on_hover divs को .product के अंदर divs मिलेगा। इस प्रयास करें:

$('.product').hover(function() { 
     $(this).find('.show_on_hover').show(); 
    }, 
    function() { 
     $(this).find('.show_on_hover').hide(); 
    } 
); 

Answer 2

$ ('। show_on_hover', यह) की कोशिश करो .show()/छिपाने()

jQuery समारोह के बाद दूसरे स्थान परम जोड़ना खोज विवश है कि अंदर हो जाएगा। तत्व। इस मामले में यह वह div होगा जिस पर क्लिक किया गया है।