jquery - jQueryで単一のIDに対して2つのクラスを作成するには?

Question

ID「searchBtn」のボタンがあります。ボタンがクリックされるたびに、クラスが変更されます。クリックするたびに、定義済みの数のクラスをローテーションしたいと考えています。

どうすればこれを行うことができますか？

Answer 1

次のように、jquery のtoggleClass関数を試すことができます。

$(document).ready(function(){
    $('#searchBtn').click(function () {
        $(this).toggleClass('class_x','class_y');
    });
});

Answer 2

このようなものを試してみてください：

$('#searchBtn').on('click', function () {
    if ($(this).hasClass('classA')) {
        $(this).removeClass('classA').addClass('classB');
    } else {
        $(this).removeClass('classB').addClass('classA');
    }
});

Answer 3

$('#searchBtn').on('click', function() {
  $(this).removeClass('oldClass');
  $(this).addClass('newClass');
});

Answer 4

var counter = 0;

$("#searchBtn").click(function(){

 $(SELECTOR).removeClass("class"+counter++);
 $(SELECTOR).addClass("class"+counter);

});