YZ丶Dys
2019-06-24 15:28
采纳率: 57.1%
浏览 1.7k

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

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

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 张兴华(MarsXH.Chang) 2019-06-24 16:10
    已采纳
    for (var i = 0; i < jia.length; i++) {
        if (obj == jia[i]) {
            console.log(i) // i 就是下标,如果你想要第几个的话 i + 1就是
        }
    }
    
    已采纳该答案
    打赏 评论
  • 会飞的咕咕鱼 2019-06-24 16:47

    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()会很简单

    打赏 评论

相关推荐 更多相似问题