点击事件获取当前li的索引

html

思路：
先循环给每个li标签加个索引的属性，并赋值。

当点击的时候弹出当前li的索引属性

var aLi = document.getElementsByTagName('li');
for(var i=0; i<aLi.length;i++){
    aLi[i].index = i;
    aLi[i].onclick = function(){
            console.log( this.index);    // this指向当前被点击的li
    }
}

my favour：
思路2：
循环，立即执行函数，当点击当前li就把i传参直接打印。

var aLi = document.getElementsBy('li');
for(var i = 0; i<aLi.length; i++){
    (function (n){
        aLi[i].onclick = function(){
            console.log(n)
        }
     }(i)
    )
}