디스플레이 블록 표시 없음 jquery를 사용하여

Question

내가 머무를 때 div#new-menu-lower ul.menuul li.menuli 아래 코드에서 첫 번째 ul 및 첫 번째 li에 표시 블록을 추가하고 싶습니다. 문제는 모든 ul 및 li에 표시 블록/없음을 추가하는 것입니다.

$(document).ready(function() { 
    //on hover of sub menu li then highlight itself 
    $('div#new-menu-lower ul.menuul li.menuli').hover(

    function() { 
     $('div#new-menu-lower ul li ul:first').css("display","block"); 
     $('div#new-menu-lower ul li ul li:first').css("display","block"); 
     $('div#new-menu-lower ul li ul li ul:first').css("display","block"); 

    }, function() { 
     $('div#new-menu-lower ul li ul:first').css("display","none"); 
     $('div#new-menu-lower ul li ul li:first').css("display","none"); 
     $('div#new-menu-lower ul li ul li ul:first').css("display","none"); 
    }) 
}); 

두 번째 UL LI를 가리키면 첫 번째 UL li과 그 이상이 표시됩니다.

나는 수행하여 그것의 일부를 해결하기 위해 관리해야 : (이것은 지금입니다 하위 메뉴로 display:block를 추가 - UL의 리 UL하지만 난 그것을 늘 다른 요소에 추가)

$(document).ready(function() { 
    //on hover of sub menu li then highlight itself 
    $('div#new-menu-lower ul.menuul li.menuli').hover(

    function() { 
     $(this).children('div#new-menu-lower ul li ul').css("display","block"); 
     $(this).children('div#new-menu-lower ul li ul li:first').css("display","block"); 
     $(this).children('div#new-menu-lower ul li ul li ul').css("display","block"); 

    }, function() { 
     $(this).children('div#new-menu-lower ul li ul').css("display","none"); 
     $(this).children('div#new-menu-lower ul li ul li:first').css("display","none"); 
     $(this).children('div#new-menu-lower ul li ul li ul').css("display","none"); 
    }) 
}); 

Answer 1

그냥 사용 JQuery와의 first` : 대신 :first-child

또는 :first는 >