更改动态按钮的CSS

Question

我有跟随，并能够做警报。 如何更改所选按钮的类？

$('body').on("click", "button[name=likebtn]", function (){
    alert($(this).attr("value"));

    $(this).toggleClass('btn btn-mini likebtn');
// OR

    $(this).addClass('btn btn-mini likebtn').removeClass('btn btn-mini btn-primary likebtn');
});

按钮是动态输出的：

$('#div').append("<button class='btn btn-mini btn-primary likebtn' name='likebtn' type='button' value='"+obj.value+"'>"+"LIKE"+"</button>");

我尝试了以下但失败了：

Answer 1

也许你应该使用removeClass()之前addClass()

$(this).removeClass('btn-primary').addClass('btn btn-mini likebtn');

因为你通过.addClass('btn btn-mini likebtn')添加btn btn-mini likebtn然后你通过调用.removeClass('btn btn-mini btn-primary likebtn');删除它们.removeClass('btn btn-mini btn-primary likebtn');

编辑 ：如果您只想删除btn-primary类：

$('button[name=likebtn]').on("click", function (){
// ...
 $(this).removeClass('btn-primary');
});

Answer 2

如果你向主体添加按钮，你必须再次在代码下面运行

$('body').on("click", "button[name=likebtn]", function (){
    alert($(this).attr("value"));

    $(this).toggleClass('btn-primary');

});

Answer 3

我希望你已经在你的按钮中加入了'btn-primary'课程。 你只需要添加Class'btn btn-mini likebtn'并删除类'btn-primary'。 然后尝试下面的一个。

$(this).addClass('btn btn-mini likebtn').removeClass('btn-primary');