點選事件獲取當前li的索引

weixin_33751566發表於2017-04-06
1627906-3148c2a67e2e72de.png
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)
    )
}

相關文章