javascript如何获得元素下标

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

//jquery可以这样

$("ul li").click(function(){
    var i = $(this).index();
});

//javascript 怎么获得？

---

两个办法：

//以本页面的div为例
var divs=document.querySelectorAll('div')
document.addEventListener('click',(e)=>{
    alert([].indexOf.call(divs,e.target))
})//蹦出index

另一个：

var divs=document.querySelectorAll('div');
[].forEach.call(divs,(v,i)=>{
    v.index=i
})

document.addEventListener('click',(e)=>{
    alert(e.target.index)
})

---

可以将类数组对象转化为数组，然后使用其 indexOf 方法来取得。

如果你没有听明白我在说什么，请暂时放下 jQuery，学习一下原生 JavaScript