php - 更改动态按钮的 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

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

$(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');

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

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