js獲取當前點擊元素的索引

以ul下的li元素為例；獲取li的索引，代碼如下：

 <ul id="list">
       <li>1</li>
       <li>2</li>
       <li>3</li>
       <li>4</li>
       <li>5</li>
 </ul>

方法1:

把每個li元素加上index屬性,每個li被點擊時獲取index屬性即可

var ul =  document.getElementById("list");
var list = ul.querySelectorAll('li');
for (var i = 0; i < list.length; i++) {
        list[i].index = i;
}
ul.addEventListener('click',function(e){
        console.log(e.target.index);
})

方法2：

獲取ul下的所有li，找到被點擊li在所有li中的位置

ul.addEventListener('click',function(e){
        var item = e.target;
        var lists = Array.from(ul.querySelectorAll('li'));
        console.log(lists.indexOf(item));
})