首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery removeClass,addClass

Jquery removeClass,addClass
EN

Stack Overflow用户
提问于 2016-01-27 09:34:48
回答 6查看 223关注 0票数 2

我有removeClass和addClass函数的问题。我试图改变一个字体可怕的类,当一个下拉菜单被点击打开。我已经试过好几次来做这件事了,但我想我一定是忽略了一些东西。

以下是我的html代码:

代码语言:javascript
运行
复制
<div id="cssmenu"class="col-xs-12 left">
    <ul class="nav nav-sidebar">
       <li><a href='#'><span>Dashboard</span></a></li>
       <li class='active has-sub'><a href='#'><span>Products</span><i class="fa fa-caret-right"></i>

下面是我的Jquery代码,我试图删除这个类并添加另一个类:

代码语言:javascript
运行
复制
$('#cssmenu ul li a i').on('click', function() {
    $('#cssmenu ul li a i').removeClass('fa-caret-right');
    $(this).addClass('fa-caret-down');
});

)顺便说一句,我是在寻找线索,而不是答案,因为我正在努力学习Jquery。

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2016-01-27 09:40:31

我将在列表项上添加单击事件:

代码语言:javascript
运行
复制
$('#cssmenu ul li').on('click', function() {
        $('#cssmenu ul li a i').removeClass('fa-caret-right');
        $(this).find('i').addClass('fa-caret-down');
});
票数 2
EN

Stack Overflow用户

发布于 2016-01-27 09:39:31

您正在元素<i>上使用<i>,显然没有单击该元素。尝试在锚点click标记上使用<a>,并在其中包含的<i>上更改类。

票数 2
EN

Stack Overflow用户

发布于 2016-01-27 09:39:57

代码语言:javascript
运行
复制
$('#cssmenu ul li a').on('click', function() {
        $('#cssmenu ul li a i').removeClass('fa-caret-right');
        $(this).find('i').addClass('fa-caret-down');
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35033544

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档