Изменение 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'), а затем вы r алить их по телефону .removeClass('btn btn-mini btn-primary likebtn');

EDIT: Если вы хотите удалить 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». И вам просто нужно добавить класс 'btn btn-mini likebtn' и удалить класс 'btn-primary'. Тогда просто попробуйте ниже.

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