记录每次点击过的索引

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/

「五年博客,如果觉得我的文章对您有用,请帮助本站成长」

订阅周报 关注微博

原创文章:记录每次点击过的索引 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/click-index.html)

发表评论

请登录后发表评论: