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

因为您按btn btn-mini likebtn添加.addClass('btn btn-mini 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');

更改动态按钮的CSS

3 个答案: