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代码（发现不管点哪个链接都是弹出“3”）：

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

解决方案

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);   
  }        
}