如何在 javascript 中索引 onclick

Question

我有这样简单的 5 个按钮：

<button class="btn btn-success">Button 1</button>
<button class="btn btn-success">Button 2</button>
<button class="btn btn-success">Button 3</button>
<button class="btn btn-success">Button 4</button>
<button class="btn btn-success">Button 5</button>

我有这个对应的 javascript 代码：

document.addEventListener("DOMContentLoaded",function(){
    var button = document.getElementsByClassName('btn');
    for (var i = 0; i < button.length; i++) {
        button[i].onclick = function(){
            console.log("button " + i)
        }
    }
},false)

我想为 onclick 中的按钮数组索引 i，出于诸如button[i].classList.add("something" ) 之类的目的，我不想像this.classList.add("something")这样使用“this” . 我该怎么做？谢谢

Answer 1

尝试

const buttons = document.querySelectorAll(".clickme");
var count = 0;

buttons.forEach(btn => {
    btn.addEventListener("click", (e) => {
    const index =   Array.from(buttons).indexOf(e.target);
    alert(index);
    });
}); 

我在https://www.mejorcodigo.com/p/20019.html上找到了它