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

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的值为当前值。