如何在單擊時更改按鈕顏色，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個參數，它將根據當前應用於該元素的類來切換一個和一個。