javascript - toggleclass を使用して 3 つのクラスを切り替える

Question

切り替えたい画像が3つあります。それらのそれぞれをクラスに入れ、css でイメージを変更します。2 つのクラスを切り替えることができるようになりましたが、3 つ目のクラスを追加するとコードが機能しません。それらのどのクラスも開始クラスにすることができます。

    $('.one').click(function(){                             
        $(this).toggleClass("two");
        $(this).toggleClass("one");

    });
     $('.two').click(function(){                             
        $(this).toggleClass("one");
        $(this).toggleClass("two");

    });

この行を追加すると：

        $(this).toggleClass("three"); 

全然揺れない……。

それらすべてを1つの関数に入れることができる方法を知っていますか?

ありがとう。

Answer 1

フィドルの例: http://jsfiddle.net/KdfEV/

このコードにより、一連の定義されたクラスを循環できます

$('.one, .two, .three').click(function() {                             
    this.className = {
       three : 'one', one: 'two', two: 'three'
    }[this.className];
});

Answer 2

$('.one, .two, .three').click(function(){                             
        $(this).toggleClass("one, two, three");
    });

Answer 3

最も安全な方法は、不要なクラスを削除し、必要なクラスを追加することです。

// Switch to class 'three'
$(this).removeClass('one').removeClass('two').addClass('three');