Question

我有以下标记：

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

mb_footer将在加载时显示：none，然后我想要鼠标悬停以使其显示。我有：

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

在此范围内指定一个类

2 个答案: