Jquery выбрать правильный элемент используя следующий()

Question

Im пытаясь добраться до нужного элемента с помощью следующей(), но все еще не сделать это правильно;/

   <li class="menu"> 
        <ul> 
        <li class="button"></li> 
        <a href="#manifest"><li class="menu_glowne">MANIFEST</li></a> 
        </ul> 
       </li> 

Я хочу, чтобы добраться до .button по .menu наведении курсора мыши

$('.menu').mouseover(function(){ 
    $(this).next("li").animate({'opacity':1},500); 
}); 

Как я могу это сделать? Мой код не работает.

Answer 1

Вам необходимо find() вместо next(), затем используется для получения братьев и сестер, тогда как поиск будет искать потомков.

Live Demo

$('.menu').mouseover(function(){ 
    $(this).find("li").animate({'opacity':1},500); 
}); 

Edit, есть несколько ошибок в HTML структуре, а также.

<ul> 
    <li class="menu"> Menu 
     <ul> 
      <li class="button">button</li> <a href="#manifest">manifes</a>t<li class="menu_glowne">MANIFEST</li> 

     </ul> 
    </li> 
</ul> 

Answer 2

$('.menu').mouseover(function(){ 
    $(this).find("li").animate({'opacity':1},500); 
}); 

должны работать нормально :)