jQuery에서 단일 ID에 대해 두 클래스를 작성하는 방법은 무엇입니까?

Question

ID가 "searchBtn"인 버튼이 있습니다. 버튼을 클릭 할 때마다 클래스가 변경되어야합니다. 각 클릭에 대해 미리 정의 된 수의 클래스를 통해 회전하고 싶습니다.

어떻게해야합니까? 다음과 같이 당신이 jQuery의 toggleClass 기능을 시도 할 수

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

Answer 1

:

Answer 2

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

Answer 3

이 같은 시도 뭔가를주고 난 정말이 질문을 이해하지

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

Answer 4

var counter = 0; 

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

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

});