Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/flash/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery在每5次单击元素后执行一些操作_Javascript_Jquery - Fatal编程技术网

Javascript jquery在每5次单击元素后执行一些操作

Javascript jquery在每5次单击元素后执行一些操作,javascript,jquery,Javascript,Jquery,我想使用jQuery做一些事情。每次单击按钮时添加类-每5次。因此,每单击5次类,就会添加“.remove”-在每次删除该类时单击5次之后 var clickCount = 0; $("#clickme").click(function () { clickCount++; if (clickCount % 5 === 0) // do your removeClass here else // do your addClass her

我想使用jQuery做一些事情。每次单击按钮时添加类-每5次。因此,每单击5次类,就会添加“.remove”-在每次删除该类时单击5次之后

var clickCount = 0;

$("#clickme").click(function () {
    clickCount++;

    if (clickCount % 5 === 0)
        // do your removeClass here
    else
        // do your addClass here

    $(this).text("click count " + clickCount);
});
jsfiddle:


我在这里所做的就是存储一个计数器变量,每次单击按钮,我都会增加这个计数器。要测试每5次单击,只需将模数乘以5,然后测试零值。换句话说,单击计数可被5整除,而不返回剩余值。

这里有一个非常简单的解决方案,它也是可扩展的:

$function{ $“按钮”。单击功能{ var btn=$this; var counter=btn.数据“点击计数器”| | 0+1%5; btn.文本“点击我”+计数器+; btn.数据“点击计数器”,计数器; btn.toggleClass'remove',!计数器; }; }; 按钮。移除{ 背景色:红色; } 点击我 点击我
单击事件处理程序函数外部作用域中的计数器,并更新处理程序中的计数器。1使用.data或.attr方法在每次单击3时存储计数器2增量计数器。如果计数器%5==0,则交换类Y!Stackoverflow太棒了!!!!!