获取Li点击的索引号

Question

如何获得点击的li索引号，在li元素中不添加任何数据集属性

var lis = document.querySelectorAll('li');
lis.forEach(function(li) {
    li.addEventListener('click', function(e) {
        console.log(this); // how to get clicked li index number, without any dataset additon to li elements
    });
});

<ul>
    <li>Home</li>
    <li>House</li>
    <li>Building</li>
    <li>Factory</li>
</ul>

Answer 1

要获取单击的li元素的索引，可以使用下面给出的代码段。

 var lis = document.querySelectorAll('li');
lis.forEach(function(li,i) { //i is the index of the list item
    li.addEventListener('click', function(e) {
        console.log(this,i); // how to get clicked li index number, without any dataset additon to li elements
    });
});