javascript如何获得元素下标

Question

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

//jquery可以这样

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

//javascript 怎么获得？

Answer 1

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

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

Answer 2

两个办法：

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

另一个：

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

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