前端之家收集整理的这篇文章主要介绍了
JavaScript的for循环中嵌套一个点击事件的问题解决，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
@H_404_0@先看下面一段代码：
<div class="jb51code">
<pre class="brush:js;">
for(var i=0; i<10; i++) {
$('#ul').bind('click',function() {
alert(i)
})
}
多个点击事件，那么，最后一个将会把前面的所有点击事件全部覆盖，只能执行最后一个点击事件；而在绑定事件中，则不一样，在同一个元素上，即使绑定再多的点击事件，都会全部执行。也就是说，普通事件中的onclick只
$('#ul').bind('click',function() {
alert(i)
})
i=1
$('#ul').bind('click',function() {
alert(i)
})
......
i = 9
$('#ul').bind('click',function() {
alert(i)
})
，变形为这样之后，很显然，最终i的值是9，但是根据for循环的原理，在循环到i为9之后，会执行i++，之后再去判断i<10，此时已不满足条件，所以终止循环，最终i值为10。那么自然也就明白，为什么最终结果是10个结果为10的弹窗。
@H_
