如何计算在jquery中处理函数的次数

Question

<div id="element1" onclick="func();">1</div>
<div id="element2" onclick="func();">2</div>
<div id="element3" onclick="func();">3</div>
<div id="element4" onclick="func();">4</div>
<div id="element5" onclick="func();">5</div>
<div id="element6" onclick="func();">6</div>
<div id="element7" onclick="func();">7</div>
<div id="element8" onclick="func();">8</div>

当用户单击任何 div 时，func() 函数将起作用，并且计数器计算处理 func() 函数的次数。例如 2 次（我们确定数量）处理 func() 函数比用户再次单击任何 div 函数将不起作用。我怎么能用jquery做到这一点？

Answer 1

使用全局变量来跟踪函数被调用的次数。

var counter = 0;

function func() {

    counter++;
    if (counter > 2) return;

    // do other fn stuff
}

在一个稍微相关的说明中，使用 jQuery 时有一个更好的方法来绑定多个点击处理程序：

$('div[id^="element"]').click( func );

当然，这并不重要，因为 return 将停止执行，但如果您根本不希望调用 func（即，如果您想完全删除点击事件），您可以然后简单地做（如果你做了上面的改变）：

$('div[id^="element"]').unbind('click');

这将代替第一部分代码中的return 语句。