原生js怎么判断当前节点是第几个节点？

Question

<ul id="ul">
    <li></li>
    <li></li>
    <li></li>
    <li></li></ul><script>
    let ul = document.getElementById('ul');
    ul.onclick = (e) => {        let target = e.target;        let parent = target.parentNode;        for(let i = 0; i < parent.children.length; i++){            if(target == parent.children[i])                return i
        }
    }</script>

现在我是通过for循环来找到对应的节点，从而获取位置，感觉这样有点怪，请问有其他思路吗

Answer 1

可以给li加一个类似data-index = i的属性 点击的时候获取data-index就好了