Jquery 删除类，添加类

Question

我在使用 removeClass 和 addClass 函数时遇到了问题。单击打开下拉菜单时，我试图更改 Font Awesome 类。我曾多次尝试完成这项工作，但我认为我一定忽略了一些事情。

这是我的 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。

Answer 1

我会在列表项上添加点击事件:

$('#cssmenu ul li').on('click', function() {
        $('#cssmenu ul li a i').removeClass('fa-caret-right');
        $(this).find('i').addClass('fa-caret-down');
});