jquery에서 div를 클릭 할 때마다 어떻게 다른 클래스를 순환합니까?

Question

나는 가능한 값 "class01"~ "class10"을 가진이 div를 가지고있다.

div를 클릭 할 때마다 다른 클래스를 순환하고 싶습니다.

toggleClass (클래스)와 비슷한 것이 있습니까? 입력으로 여러 클래스를 허용합니까?

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

을 그리고 div에 class1을 할당하고 클릭 할 때마다 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());