javascript - 如何在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”之类的this.classList.add("something")。我该怎么做？，谢谢

标签： javascript

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上找到了它