本文介绍了一种使用JavaScript在点击HTML中UL元素的每一项时，如何通过闭包技术来获取并显示该项的索引位置的方法。提供了两种实现方式，一种是直接设置onclick事件并使用this.index，另一种是通过匿名函数返回一个函数，将当前循环变量作为参数传递。
下面这个ul，如何点击每一列的时候alert其index?（闭包）
<ul id=”test”>
<li>这是第一条</li>
<li>这是第二条</li>
<li>这是第三条</li>
</ul>
答案：
// 方法一：
var lis=document.getElementById('2223').getElementsByTagName('li');
for(var i=0;i<3;i++)
{
lis[i].index=i;
lis[i].onclick=function(){
alert(this.index);
};
}
//方法二：
var lis=document.getElementById('2223').getElementsByTagName('li');
for(var i=0;i<3;i++)
{
lis[i].index=i;
lis[i].onclick=(function(a){
return function() {
alert(a);
}
})(i);
}
转载于:https://www.cnblogs.com/web-chuanfa/p/9362188.html
扫一扫
4650
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
