这算是一个经典了吧
为了更加明显,我们稍稍加点样式
<style>
li{
width: 200px;
height: 30px;
border: 1px solid #ccc;
line-height: 30px;
cursor: pointer;
}
</style>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
当你要通过li的某个事件获取到对应li的下标,怎么做呢
首先
let lis=document.getElementsByTagName("li");
接下来就是for 循环遍历
for(var i=0,len=lis.length;i<len;i++){
(function(i){
lis[i].onclick=function(){
console.log(i);
}
})(i)//注意一定要传参
}
赶紧试试效果吧。