通过JS的 getElementsByClassName 返回的一个数组 怎么判断当前点击的那个在数组的第几个

图片说明图片说明
我给当前点击的加了和ID 用循环输出数组的id显示在第二个
有没有别的方法呀

for (var i = 0; i < jia.length; i++) {
    if (obj == jia[i]) {
        console.log(i) // i 就是下标，如果你想要第几个的话 i + 1就是
    }
}

1.我写了个简单的类似的，你可以参考下
图片说明

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <ul id="ulBox">

    </ul>
</body>
<script>
    var count = 1;
    document.getElementById('ulBox').innerHTML = `
        <li onclick="add(${count})">测试</li>
        <li onclick="add(${count+1})">测试</li>
        <li onclick="add(${count+2})">测试</li>
        <li onclick="add(${count+3})">测试</li>
        <li onclick="add(${count+4})">测试</li>`;

    function add(number) {
        alert(`这是第${number}个元素`);
    }
</script>

</html>

2.如果用jq的index()会很简单