2011-11-28 8 views
0

li가 위에있을 때 'arrow_container'div에 'arrow'클래스를 어떻게 적용 할 수 있습니까?jQuery는 위에 얹혀있는 div 위에 액션을 적용합니다.

HTML

<ul id="main_bar_menu" class="menu"> 
     <li> 
      <div class="arrow_container arrow"></div> 
      <a href="#">Dockage</a> 
     </li> 
     <li> 
      <div class="arrow_container arrow"></div> 
      <a href="#">Something else</a> 
     </li> 
</ul> 

JQuery와 jQuery를 (문서) .ready (함수() {당신이 내 모든 요소를 ​​찾을 수 있습니다

http://jsfiddle.net/Z9YJk/1/

이 사람처럼

jQuery("#main_bar_menu li").hover(function() { 
     jQuery(this).addClass('arrow'); 
    }, 
     function() { 
      jQuery(this).removeClass('arrow'); 
     }); 
});  

답변

관련 문제