jquery - 特定のクラスセットを切り替える方法

Question

私はさまざまなクラスを持っています：

• classA
• classB
• classC

そして私は<span class='fixedClass'>特定の条件に応じてこれらのクラスの1つの間で切り替える必要があるを持っています。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');
}