JQueryで "回転する"クラス

Question

JQueryでトグルクラスに似たクラスのリストを "回転"するためのビルドがありますか？例えば

：

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

クラスの状態MYElt上の各呼び出しは次のようになります後：

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

Answer 2

hasClass()とtoggleClassを使用して、あなた自身作ることができます。