使用toggleclass在3个类之间切换

Question

我想要切换3张图像.我把它们中的每一个放在一个类中并在css中更改它的图像.我现在可以在两个类之间切换,但是当我添加第三个类时,代码不起作用.它们中的任何一类都可以作为起始类.

    $('.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];
});