Получить Ли нажал индексный номер

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