每当我点击jquery中的div时，如何遍历不同的类？

Question

我有这个div与类的可能值“class01”到“class10”。

每当单击div时，我想循环遍历不同的类。

是否有类似toggleClass（class）的东西，但接受多个类作为输入？

Answer 1

你可以制作一个迷你插件：

$.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，可以根据需要调整此代码。

Answer 2

也许：http://jqueryui.com/demos/accordion/

骑自行车是为了?? （你使用切换，隐藏和显示它们，对吗？）

Answer 3

这样的事情怎么样？

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

然后当你切换......

toggleClass(pickAClass());