我有removeClass和addClass函数的问题。我试图改变一个字体可怕的类,当一个下拉菜单被点击打开。我已经试过好几次来做这件事了,但我想我一定是忽略了一些东西。
以下是我的html代码:
<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代码,我试图删除这个类并添加另一个类:
$('#cssmenu ul li a i').on('click', function() {
$('#cssmenu ul li a i').removeClass('fa-caret-right');
$(this).addClass('fa-caret-down');
});
)顺便说一句,我是在寻找线索,而不是答案,因为我正在努力学习Jquery。
发布于 2016-01-27 09:40:31
我将在列表项上添加单击事件:
$('#cssmenu ul li').on('click', function() {
$('#cssmenu ul li a i').removeClass('fa-caret-right');
$(this).find('i').addClass('fa-caret-down');
});
发布于 2016-01-27 09:39:31
您正在元素<i>
上使用<i>
,显然没有单击该元素。尝试在锚点click
标记上使用<a>
,并在其中包含的<i>
上更改类。
发布于 2016-01-27 09:39:57
$('#cssmenu ul li a').on('click', function() {
$('#cssmenu ul li a i').removeClass('fa-caret-right');
$(this).find('i').addClass('fa-caret-down');
});
https://stackoverflow.com/questions/35033544
复制相似问题