获取元素指定类名的下标

最新推荐文章于 2024-04-07 13:07:29 发布

是欢欢啊

最新推荐文章于 2024-04-07 13:07:29 发布

阅读量371

点赞数

分类专栏： JS相关文章标签： javascript html jquery

本文链接：https://blog.csdn.net/bznhlhh/article/details/120513133

版权

JS相关专栏收录该内容

42 篇文章 0 订阅

订阅专栏

本文介绍了如何使用JavaScript和CSS实现鼠标悬停时动态改变类名，从而控制类名为'wdTypeMenuColor'的元素高亮，并相应地切换其下菜单的显示状态。详细展示了索引操作和load事件的结合应用。

摘要由CSDN通过智能技术生成

 $(".wdTypeMenu a").hover(function(){
        var _index = $(this).index();//获取下标(索引值)
        $(this).addClass("wdTypeMenuColor").siblings().removeClass("wdTypeMenuColor");
        $(".typeMenuListAll .typeMenuList").eq(_index).addClass("show").siblings().removeClass("show");
    })
    window.onload = function() {
        var idx = $(".wdTypeMenu").children(".wdTypeMenuColor").index();
        $(".typeMenuListAll .typeMenuList").eq(idx).addClass("show").siblings().removeClass("show");
    }