用jQuery更改类

Question

我尝试使用这个简单的2次降落在同一次潜水中改变课程两次:

  $('.q_one').click(function(){
  $(this).removeClass('q_one').addClass('q_two');

  });



$('.q_two').click(function(){
      $(this).removeClass('q_two').addClass('q_three');

      });

所以我希望这个方法有效,当我点击.q_one时,该类将更改为q_two,并且一旦它点击后它有一个这个类它会将它改为q_three.

不幸的是它仅适用于第一个例子.

我该怎么办？

Answer 1

这是因为q_two绑定处理程序时不存在.

我将您的类放在一个数组中,并通过维护索引来循环它们.我假设最后你要回到第一个.

var classes = ['q_one','q_two','q_three'],
    i = 0;

$('.q_one').click(function(){
    $(this).removeClass(classes[ i ])
           .addClass(classes[ i = ++i % classes.length ]);
});

演示: http ://jsfiddle.net/JH9Ve/