如果父 li 有子 ul，则将类添加到父 li - 使用 jquery

发布于 2024-11-27 11:18:45 字数 666 浏览 1 评论 0原文

我希望能够将一个类添加到我的最顶层 li，但前提是它具有 sub ul 或 ul ul。每个li都包含一个链接，是的，它是一个下拉导航菜单。

我当前的 jquery：

$(function() {
    $('ul.sub-menu').hide();
    $('.sub-menu ul').hide();

    $('#menu-navigation li').hover(function(){
        $(this).children('ul').slideDown("fast");
        },
    function(){
        $(this).children('ul').hide();
    });

    $('#menu-navigation ul li').hover(function(){
        $(this).children('ul').slideDown("fast");
        },
    function(){
        $(this).children('ul').hide();
    });
});

这只显示/隐藏每个元素。

我希望最顶层的 li 有一个类，这样当我将鼠标悬停在子元素上时，该类仍然存在。我将如何做到这一点？

预先感谢您的任何帮助。

原文

I'd like to be able to add a class to my top most li, but only if it has a sub ul or ul ul. Each li contains a link and yes, it's a drop down navigation menu.

My current jquery:

$(function() {
    $('ul.sub-menu').hide();
    $('.sub-menu ul').hide();

    $('#menu-navigation li').hover(function(){
        $(this).children('ul').slideDown("fast");
        },
    function(){
        $(this).children('ul').hide();
    });

    $('#menu-navigation ul li').hover(function(){
        $(this).children('ul').slideDown("fast");
        },
    function(){
        $(this).children('ul').hide();
    });
});

This only shows / hides each element.

I'd like the top-most li to have a class, so that when I hover over the child elements, that class remains in place. How would I do this?

Thanks in advance for any help.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

愛放△進行李 2024-12-04 11:18:45

试试这个

$(function() {
    $('ul.sub-menu').hide();
    $('.sub-menu ul').hide();

    $('#menu-navigation li').hover(function(){
        $(this).children('ul').slideDown("fast");
        },
    function(){
        $(this).children('ul').hide();
    });

    $('#menu-navigation > ul > li').hover(function(){
        $(this).children('ul').slideDown("fast");
    },
    function(){
        $(this).children('ul').hide();
    });
});

Try this

$(function() {
    $('ul.sub-menu').hide();
    $('.sub-menu ul').hide();

    $('#menu-navigation li').hover(function(){
        $(this).children('ul').slideDown("fast");
        },
    function(){
        $(this).children('ul').hide();
    });

    $('#menu-navigation > ul > li').hover(function(){
        $(this).children('ul').slideDown("fast");
    },
    function(){
        $(this).children('ul').hide();
    });
});

回复收藏 0 原文

~没有更多了~