如何在jQuery中爲單個id編寫兩個類？

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() { 
    $(this).removeClass('oldClass'); 
    $(this).addClass('newClass'); 
}); 

Answer 3

給這樣的一個嘗試：

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

Answer 4

var counter = 0; 

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

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

});