jQuery遍历记录当前位置,赋值父元素对等class-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

2016-07-13 16:01:01 1588 1
<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>
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:55:44
    $(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')); 
        });
         
    });
    0 0
相关问答

1

回答

如何更改 jQuery Mobile 的 Ajax 默认提示?:报错 

2020-06-04 21:07:27 256浏览量 回答数 1

1

回答

jquery ajax重定向是自动完成的吗? 400 报错

2020-06-04 15:23:49 375浏览量 回答数 1

1

回答

jquery请求ajax效率太低如何改善? 400 报错

2020-06-04 14:18:53 436浏览量 回答数 1

1

回答

jquery mobile ajax 请求,弹出提示框? 400 报错

2020-06-03 16:35:51 399浏览量 回答数 1

1

回答

使用jQuery ajax,回调函数

2016-07-07 18:31:14 1836浏览量 回答数 1

1

回答

jquery ajax 导入json数据进行修改操作

2016-07-07 15:27:17 3876浏览量 回答数 1

1

回答

jquery ajax 读取json数据存入表格中

2016-07-07 14:45:32 2258浏览量 回答数 1

1

回答

JQuery Ajax + PHP 出现乱码,求解决方法

2016-07-07 14:30:30 2160浏览量 回答数 1

1

回答

关于jquery validate ajax验证的问题

2016-06-03 14:13:03 1665浏览量 回答数 1

1

回答

怎样通过jQuery ajax获取c:foreach遍历的cheakbox复选框选中的值

2016-06-02 16:57:19 4679浏览量 回答数 1
+关注
文章
问答
问答排行榜
最热
最新
相关课程
更多
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载