jquery - 如何切换特定的班级集

Question

我有一系列课程：

• A类
• B类
• C类

我有一个<span class='fixedClass'>需要根据特定条件在这些类之一之间切换的。你可能会说使用jQuery toggleClass

但是，我的跨度已经附加了其他类，需要始终保留。

jQuery 中最快和最短的代码是什么？

Answer 1

此示例可能会对您有所帮助：http: //jsfiddle.net/e9bj5/

$(function(){

 $('.fixedClass').on("click", function() {

    var box = $(this);

    if ( box.hasClass('red') ) {
        box.removeClass('red').addClass('green');
    }
    else if ( box.hasClass('green') ) {
        box.removeClass('green').addClass('blue');
    }
    else if ( box.hasClass('blue') ) {
        box.removeClass('blue').addClass('red');
    }

 });
});

Answer 2

你不能只是去改变你的跨度的属性“类”，.attr() 检查下面的代码

function(newClassName){
$('.fixedClass').attr('class',newClassName +' fixedClass');
}