Question

这里我尝试更改class属性。但我失败了。如何切换类值。

    <button id="mybt" class="fa fa-plus"></button>

    <script>

       $("#mybt").click(function() {
       $("#mybt").toggleClass("fa fa-minus");
       });

    </script>

的jsfiddle：http://jsfiddle.net/rajagopalx/u654oco8/

Answer 1

使用选择器时应该具体。如果你想用fa-minus切换fa-plus，那么你应该只在jquery选择器中使用那些类名。

此外，您应该删除现有的css类以显示“+”图标并添加css类以显示“ - ”图标。

$("#mybt").click(function(){
    $("#mybt").toggleClass("fa-plus");
    $("#mybt").toggleClass("fa-minus");
});

我对上述问题的解决方案是http://jsfiddle.net/u654oco8/3/检查出来

Answer 2

$("#mybt").on("click", function(){
    $(this).toggleClass("fa-plus fa-minus");
})

根据您的具体情况编辑

如何在使用jquery单击按钮时切换类属性？

2 个答案: