इस

Question

मैं निम्न मार्कअप है के भीतर एक वर्ग को निर्दिष्ट:

<div class='mb_post'> 
blah blah blah 
    <div class='mb_footer'>footer info</div> 
</div> 

mb_footer प्रदर्शन होगा: none'd लोड पर और उसके बाद मैं एक माउसओवर चाहते हैं कि उसे दिखाने के लिए बाध्य करने के लिए। मेरे पास है:

$('.mb_post').on('mouseover',function(){ 
    $(this'.mb_footer').show(); 
}); 

लेकिन यह काम नहीं कर रहा है। मैं केवल mb_footer को इस में कैसे निर्दिष्ट करूं?

अग्रिम

Answer 1

में THX लगभग यह था ...

$('.mb_footer', this).show(); 

$ समारोह का दूसरा तर्क चयनकर्ता के संदर्भ हो सकता है।

वैकल्पिक रूप से, आप $(this).find('.mb_footer') कर सकते हैं।

Answer 2

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).on("hover", ".mb_post", function(){ 
     $('.mb_footer', this).show(); 
    }) 

</script> 

<style> 
    .mb_footer{display:none;}  
</style> 

<div class='mb_post'> 
    blah blah blah 
    <div class='mb_footer'>footer info</div> 
</div>