jquery - 在此指定一个类

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

差点就吃过了...

$('.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>