指定在這個

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>