jquery - この中でクラスを指定する

Question

次のマークアップがあります。

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

mb_footer は、ロード時に display:none'd になり、マウスオーバーで表示されるようにします。私は持っている：

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

しかし、それは機能していません。この中にのみ存在する mb_footer を指定するにはどうすればよいですか?

thx事前に

Answer 1

ほぼそれを持っていた...

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

関数の2番目の引数は$、セレクターのコンテキストにすることができます。

または、を行うこともできます$(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>