用闭包获取li的索引值

这算是一个经典了吧

为了更加明显，我们稍稍加点样式

<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)//注意一定要传参
}

赶紧试试效果吧。