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

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

ボタンに「btn-primary」クラスを追加していただければ幸いです。そして、クラス「btn btn-mini likebtn」を追加し、クラス「btn-primary」を削除するだけです。次に、以下のものを試してください。

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

Answer 3

本体にボタンを追加する場合は、以下のコードを再度実行する必要があります

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

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

});