当我在jquery中单击一个div时，我如何在不同的类之间循环？

我有一个可能值为“class01”到“class10”的类的div

每当单击div时，我都希望遍历不同的类

是否有类似于toggleClass（class）但接受多个类作为输入的功能？

可能：

---

骑自行车是为了？？（您可以使用切换、隐藏和显示它们，对吗？

您可以制作一个小型插件来执行此操作：

$.toggleClassOnClick = function(prefix, max){
   return this.addClass(prefix + 1).data('cur', 1).click(function(){
      var $this = $(this), 
           curr = $this.data('cur'),
           idx  = cur + 1;

      $this.removeClass( prefix + curr);

      if(idx > max) idx = 1;
      $this.addClass( prefix + idx).data('cur', idx);
   });
}

您可以这样使用它：

$("#mydiv").toggleClassOnClick('class', 10);

---

它将

class1

分配给div，每次单击时增加类，直到到达

class10

，然后再次从

class1

开始。如果您想使用

class01

，您可以根据需要调整此代码。

这样的代码怎么样

var num =0;
function pickAClass()
{      
  // lots of different ways to do this bit
  switch(num++)
  {
    case 1:
      return "class01";
    ...          
  }
}

然后当你切换

toggleClass(pickAClass()); 

---

这可能应该是

$.fn.toggleClassOnClick=…

，而不是

$.toggleClassOnClick=…

。