如何为第三次单击分配jQuery点击事件？

Question

我正在尝试找到一种将点击事件附加到元素的简单方法,这对于第一次和第二次点击事件来说非常容易.但是,我想要完成的是三次单击切换.

第一次点击= addClas('one'); 第二次点击= removeClass('one').addClass('two'); 第三次点击= removeClass('two').addClass('three'); 下一次单击将==第一次单击并再次循环...

我正在使用一个简单的div并通过CSS应用样式,以更改元素背景位置 - 所有非常典型和容易..并且是为toggle()或click()事件做的蛋糕..但我无法想象为我的生活如何处理第3次点击!:d

这是我的标记,例如:

任何帮助是极大的赞赏 !!

更新: 我有一些有用的东西..但是,恕我直言,这是丑陋和混乱..必须有一个更清洁,更简洁的方式:$(".tri_switch").click(function(){var this_id = $(this).attr("id");

<div class="tri-swtich" id="switch"></div>

// alert(this_id); });

Answer 1

Yup @Codler,toggle()可以使用超过默认的两个参数.只需输入第三个参数:

$('#element').toggle(function(){
  $(this).addClass('one');
},
function(){
  $(this).removeClass('one').addClass('two');
},
function(){
  $(this).removeClass('two').addClass('three');
});