javascript - 具有多个元素的主干更改类

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");