作為一個JS的初學者，想對一些元素迴圈繫結事件的時候總是出現各種問題，尤其是在對閉包沒有熟練掌握的時候更是一頭霧水。網上一查，果然好多初學者有這個困惑，既然這個問題總是出現，於是在我就總結了以下兩個比較好理解的解決方案，分享給大家：（可能還有更好的方式我沒有發現，請各位前輩分享）

比如下面這個例子：

HTML程式碼：

<div class="wrap">
	    <a href="javascript:;" class="link">第一個連結</a>
	    <a href="javascript:;" class="link">第二個連結</a>
	    <a href="javascript:;" class="link">第三個連結</a>
</div>
 

JS程式碼：

window.onload = function() 
{
     var aLi = document.getElementsByTagName("a");
     for(var i = 0; i < aLi.length; i++) 
     {
         aLi[i].onclick = function() 
         {
                alert(i);   //3
         }   
      }
}

執行結果：

發現不管點哪個連結都是彈出“3”，其實在我們呼叫onclick函式時候，外層迴圈結束已經結束了，i值結束為3跳出。

那其實換句話說，只要我們能把這個i值動態傳到onclick函式裡不就可以了。

解決方案一（給aLi一個count用於記錄位置）：

window.onload = function() 
{
     var aLi = document.getElementsByTagName("a");
     for(var i = 0; i < aLi.length; i++) 
     {
	  aLi[i].count = i;
	  aLi[i].onclick = function() 
	  {
	       alert(this.count);   
	  }   
      } 
}
 

解決方案二（可以迴圈給繫結事件的函式動態傳入引數，閉包的經典例子）：

window.onload = function() 
{
    var aLi = document.getElementsByTagName("a");
    for(var i = 0; i < aLi.length; i++) 
    {
	var a = function(k)
        {
	     aLi[k].onclick = function() 
	     {
		alert(k);
	      }
	}a(i); 
  }  	 
}

如有錯誤請指出，謝謝