使用toggleclass 3类之间切换(Toggle between 3 classes usin

我有我想之间切换3个图像。 我把他们每个人在一类和改变它在CSS图像。 我现在可以2班之间进行切换，但是当我添加第三个代码不起作用。 任何类别的可以是一个开始。

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

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

    });

当我加入这一行：

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

它不切换在所有....

你知道我在其中可以把所有的人都在一个功能的方法？

谢谢。

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');

文章来源: Toggle between 3 classes using toggleclass