jQuery add CSS class

Question

我想在向一個元素添加一個新類之前刪除一個css類。如果我知道該元素具有確切類了，我可以刪除通過

$('#test').removeClass('current_class').addClass('new_class'); 

但問題是，#test不必總是相同的類。所以我想刪除任何附加到#test的css類，然後再添加一個新的類。我應該怎麼做？ 謝謝。

Answer 1

$('#test').removeClass(); 

將刪除的項目有，你可以簡單地後添加新類像你現在這樣

Answer 2

$('#test').attr('class', '').addClass('new_class'); 

或

$('#test').removeClass().addClass('new_class'); 

Answer 3

不同階層有多少你的任何類有？！

你可以做一個不同的檢查每一類

var not_allowed = ["class_1", "class_2", "class_3"]; 

for(i = 0; i < not_allowed.length; i++){ 
    if($("#test").hasClass(not_allowed[i])) $("#test").removeClass(not_allowed[i]) 
} 

$("#test").addClass("new_class"); 

或者你也可以立刻與.removeClass()刪除所有類不帶任何參數，然後添加新的類

$("#test").removeClass().addClass("new_class"); 

Answer 4

首先刪除所有類使用jQuery的removeClass()函數，然後根據您的需要添加類。

代碼是

$('your class').removeClass();