jQuery记录上次点击过的索引值,通过将值存放在某个变量中,如果这个变量刚开始是没有的说明是第一次点击,如果有值,通过值来判断点击了几次。
$('div span').each(function(i,item) {$(item).attr('data-index', i)})
$(document).on('click', 'span', function() {
var parent = $(this).parent();
if(parent.attr('data-prev') == undefined) {
parent.attr('data-prev', $(this).attr('data-index'));
} else {
var prev = parent.attr('data-prev'), now = $(this).attr('data-index');
if((prev+1)%3 == now) {
parent.attr('data-prev', $(this).attr('data-index'));
$(this).attr('data-clicked') ? $(this).attr('data-clicked', 0) : $(this).attr('data-clicked', 1);
} else {
alert('要按顺序来');
}
}
});
演示:http://jsfiddle.net/kH55m/