jquery - "Rotate"JQuery 中的类

Question

是否有一种构建方式可以“旋转”JQuery 中的类列表，类似于切换类？

例如:

$("#MyElt").rotateClass("Cl1 Cl2 Cl3");
$("#MyElt").rotateClass("Cl1 Cl2 Cl3");
$("#MyElt").rotateClass("Cl1 Cl2 Cl3");
$("#MyElt").rotateClass("Cl1 Cl2 Cl3");

每次调用后 MYElt 上的类(class)状态为:

Cl1
Cl2
Cl3
NO CLASS

Answer 1

为了您的快速引用，我粘贴了 jQuery: Rotating elements through a set of classes 中的代码.

我想，这应该对你有帮助。

$.fn.rotateClass(/* pass multiple class names here */) {
    for (var i = 0; i < arguments.length; i++) {
        if (this.hasClass(arguments[i])) {
            this.removeClass(arguments[i]));
            i++;
            if (i >= arguments.length) {
                i = 0;
            }
            this.addClass(arguments[i]);
            return(this);
        }
    }
    // none found so set the first class
    if (arguments.length > 0) {
        this.addClass(arguments[0]);
    }
    return(this);
}