如何在单击时更改按钮颜色，glyphicon和文本？

Question

当我切换按钮时它正常工作，它会改变glyphicons。但我也想改变文字和颜色。这是我的代码

HTML

<button class="btn btn-primary">
   <i class="glyphicon glyphicon-plus">
        &nbsp;Add
</button>

的Javascript

 $(document).ready(function() {
     $(':button').click(function(){
     $(this).find('i').toggleClass('glyphicon-plus').toggleClass('glyphicon-ok');
});

试试这个人无法帮助我 - removeClass('btn-primary').addClass('btn-danger').text('chosen')

Answer 1

$(document).ready(function() {
     $(':button').click(function(){
    $(this).find('i').toggleClass('glyphicon-plus glyphicon-ok').toggleClass('btn-primary btn-danger' );
    });

toggleClass函数可以接受2个参数。如果传递了2个参数，它将根据当前应用于该元素的类来切换一个和一个。