使用闭包为相似元素添加点击事件

1、需求：分别为class为clickMore1，clickMore2，clickMore3，clickMore4，clickMore5，clickMore6...等添加点击事件

2、方法一（错误）：

var liLength = $("li").length;for (var i = 0 ; i < liLength ;i++) {var clickMore = "." + "clickMore" + i;$(clickMore).on("click",function(){alert(i);})}

运行结束：点击对应的li，弹出结果为li长度值
结果分析：进入页面，程序运行for循环，for循环结束后，i的值为liLength，当点击事件发生时，i的值为liLength；

3、方法二（正确）：闭包

var liLength = $("li").length;for(var i=0;i<liLength ;i++){        (function(i){var clickMore = "." + "clickMore" + i;$(clickMore).on("click",function(){ alert(i); })})(i);}

运行结果：点击对应的li，弹出结果为当前li的下标；
运行分析：通过使用闭包，当点击事件发生时，i的值为当前值。