获取“li”的索引号

最新推荐文章于 2023-04-04 10:10:34 发布

Mafont

最新推荐文章于 2023-04-04 10:10:34 发布

阅读量1.7k

点赞数

分类专栏： Javascript 文章标签： javascript 索引

本文链接：https://blog.csdn.net/isEddrick/article/details/56479365

版权

Javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

html代码

<ul id="test">
<li>这是第一条</li>
<li>这是第二条</li>
<li>这是第三条</li>
</ul>

javascript

方法一

var oli=document.getElementsByTagName("li");
for (var i=0;i<oLi.length;i++){
    oLi[i].index=i;
    oLi[i].onclick=function(){
        alert(this.index)
    }

}

方法二

var oli=document.getElementsByTagName("li");
for(var i=0;i<oli.length;i++)  
{  
    oli[i].onclick=(function(n){  
        return function(){  
            alert(n);  
        }  
    })(i)  
}

亦或是：

var oli=document.getElementsByTagName("li");
for(var i=0;i<oli.length;i++)  
{  
    (function(n){  
        oli[i].onclick=function(){  
            alert(n);  
        }  
    })(i)  
}