如何切换特定的班级集答案

【问题标题】：How to toggle a specific class set如何切换特定的班级集
【发布时间】：2013-02-04 10:18:23
【问题描述】：

我有一系列课程：

A 类
B 类
C 类

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

但是，我的 span 已经附加了其他需要一直保留的类。

在 jQuery 中执行此操作的最快和最短的代码是什么？

【问题讨论】：

addClass 保留您当前的课程并添加新课程

标签： jquery class toggle range

【解决方案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');
    }

 });
});

【讨论】：

谢谢，我认为这个答案与 for 循环相结合是最好的选择。

【解决方案2】：

你不能只用.attr()更改你的跨度的属性“class”吗？检查下面的代码

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

【讨论】：

这个解决方案要短得多，这就是我喜欢它的地方，但是当运行时的其他类被添加到它时，它就不能正常工作了。