jquery飞出菜单:当光标移动到同级时，使父li保持相同的颜色。

Question

我有一个飞出菜单，其中的“二级菜单3”是一个飞出。菜单由CMS系统生成，因此限制将新类直接添加到特定菜单项。

默认情况下，第一级菜单有一个“顶级”类作为锚标记，而第2层和第3层则没有。我想要实现的是以“顶层”为目标，找到“二级菜单3”以添加“当前”类，这样当“飞出”菜单展开，光标移动到第三级时，“二级菜单3”具有与悬停相同的白色背景颜色。

代码是jQuery('#nav‘).find(’>nav‘>)，但它不起作用，我根本无法发现我做错了什么。

 $(document).ready(function(){
    $("#nav li li").hover(function(){
        $(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
        },function(){
        $(this).find('ul:first').css({visibility: "hidden"});
        });
    });
  $(document).ready(function(){
      jQuery('#nav ul').find('> a.level-top').parent('li').addClass('current')});

Answer 1

在find函数中删除父parent =‘>选择器.

我会更接近它

$('>li>ul>li').parent('ul>li').hover(function(){
    $(this).css(backgroundColor: 'red'

但在你这么做之前，你的列表代码是乱七八糟的。不要忘记关闭列表项，如果您使用的是自动生成此代码的CMS，请尝试其他方法:)