开发者社区> 问答> 正文

jQuery遍历记录当前位置,赋值父元素对等class

<nav>
    <ol>
        <li class="subnav-item subnav-item-1">
        item-1
        </li>
        <li class="subnav-item subnav-item-2">
        item-2
        </li>
    </ol>
</nav>
li 当前mouseenter时赋值 subnav-item-{i}-hover,其他li取消subnav-item-{i}-hover。同时nav addClass navbg-{i},效果如下,求解

<nav class="navbg-2">
    <ol>
        <li class="subnav-item subnav-item-1">
        item-1
        </li>
        <li class="subnav-item subnav-item-2 subnav-item-2-hover">
        item-2
        </li>
    </ol>
</nav>

展开
收起
a123456678 2016-07-13 16:01:01 1900 0
1 条回答
写回答
取消 提交回答
  • $(function(){
         
        $('.subnav-item').mouseover(function (){
            $('.subnav-item').not(this).each(function (){
                $(this).removeClass('subnav-item-'+$(this).attr('data-index')+'-hover');
                $(this).parent().parent().removeClass('navbg-'+$(this).attr('data-index')); 
            });
            $(this).addClass('subnav-item-'+$(this).attr('data-index')+'-hover');
            $(this).parent().parent().addClass('navbg-'+$(this).attr('data-index')); 
        });
         
    });
    2019-07-17 19:55:44
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载