获取李点击索引号

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
    });
});

获取李点击索引号

Get Li clicked index number

javascript

events

html-lists