两个按钮点击，点击1,2的颜色切换，点击2,1的颜色切换？

最新推荐文章于 2024-03-06 15:08:50 发布

zeqijiadelala

最新推荐文章于 2024-03-06 15:08:50 发布

阅读量2.5k

点赞数

本文链接：https://blog.csdn.net/zeqijiadelala/article/details/51919717

版权

html代码如下：

<div>
   <button class="btn btn-default"><i class=" icon-circle-arrow-right"> 启动</i></button>
   <button class="btn btn-danger"><i class=" icon-remove-sign">停止</i></button>
</div>

js代码如下：

$(function(){
    $('.systemSetting').on('click','.btn-danger',function(b){
        b.preventDefault();//
        $(this).removeClass("btn-danger").addClass("btn-default").prev().addClass("btn-success").removeClass("btn-default") ;
    });
    $('.systemSetting').on('click','.btn-success',function(b){
        b.preventDefault();
        $(this).removeClass("btn-success").addClass("btn-default").next().addClass("btn-danger").removeClass("btn-default");
    });
});