2012-12-19 12 views
5

Mam następujące znaczniki:określające klasę w tym

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

mb_footer będzie Wyświetlacz: none'd na obciążenia, a następnie chcę mouseover spowodować to, aby pokazać. Mam:

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

ale to nie działa. Jak określić mb_footer tylko istniejące w tym?

thx z góry

+2

A to nie daje żadnych błędów JavaScript? –

Odpowiedz

6

Prawie pędził ...

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

Drugi argument funkcji $ może być kontekst selektora.

Alternatywnie można wykonać $(this).find('.mb_footer').

+0

thx, działa dobrze – timpone

1
<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> 
Powiązane problemy