javascript - 获取多个 标签的索引

Question

我需要每个 <a> 的索引.这是我目前所拥有的，但我不知道如何将它传递给我的函数

HTML

<a href="#" id="myAnchor">Link</a><br>
<a href="#" id="myAnchor1">Link</a><br>
<a href="#" id="myAnchor2">Link</a><br>
<a href="#" id="myAnchor3">Link</a><br>
<a href="#" id="myAnchor4">Link</a><br>

JavaScript

window.onload = function () {
    var test = this.test = document.getElementsByTagName('a');
    for (var counter = 0; counter < test.length; counter++) {
        index = Array.prototype.indexOf.call(test, test[counter]);
        test[counter].onclick = runTheExample;
        console.log(index);
    }
}

function runTheExample() {
    alert();
}

我需要在单击元素时发出警报。我认为控制台输出中的这个是 DOM 索引号。如果我错了，请纠正我。

Answer 1

我会尝试如下所示的 IIFE。

window.onload = function() {
   var test = this.test = document.getElementsByTagName('a');
   for (var counter = 0; counter < test.length; counter++){
      (function (index) {
          test[index].onclick = function () {
              runTheExample(index);
          }
      }(counter));
   }
}

function runTheExample(index){
   alert(index);
}