在li元素中选择嵌套的div

问题描述

| 用户将鼠标悬停在菜单项上，然后我想向用户显示子菜单。我想使用Jquery显示和隐藏sub-nav-conatiner div。唯一的麻烦是我的jQuery显示并隐藏所有子菜单-我只想显示一个子菜单。因此，我需要选择当前悬停的嵌套div，希望这样做有意义。我尝试了各种各样的运气:(

     <ul> 

            <li><a href=\"/classifieds/farming\"> 
             Agriculture & Farming</a> 
            </li> 

             <li class=\"sub-menu-header\"><a href=\"#\">Test Header </a> 
                  <div class=\"sub-nav-container\"> 
                     <div class=\"sub-panel\"> 
                         <ul> 
                            <li><a href=\"\">Electrical Goods</a></li> 
                            <li><a href=\"\">Electrical Goods</a></li> 
                         </ul> 
                       <div class=\"clr\"></div>
                    </div> 
                  </div>
              </li> 

        ...
</ul>

jQuery的

$(document).ready(function () {
             $(\'.sub-nav-container\').css(\'display\',\'none !important;\');
         });
         $(\'.sub-menu-header\').mouseover(function () {
             ?????????
         });
         $(\'.sub-menu-header\').mouseleave(function () {
             $(\'.sub-nav-container\').css(\'display\',\'none !important;\');
         });

    

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）