具有多个元素的骨干更改类

Question

我正在尝试在单击另一个按钮时更改按钮的类。我可以在页面上更改css，但无法将btn-primary更改为btn-default。

按钮：

 <button type="button" class="btn btn-primary btn-circle" id="circle-1">1</button>

查看：

events: {
        "click #activate-step-2"    : "newParent"
    },

    newParent: function(event) {

                $('#step-1').css({'display':'none'});
                 $('#step-2').css({'display':'initial'});


    }

我试过了：

$(event.target).find('button').toggleClass('btn-primary btn-default')

但它没有用，

所以我不确定还有什么可以尝试的？

Answer 1

$("#circle-1").removeClass("btn-primary").addClass("btn-default");