如何使用纯JavaScript获取具有特定类的链接的索引值？

Question

我有大约20个指向特定类的链接，用于我想要定位的链接。如果单击第10个链接，我如何获得它的索引值（我需要“10”才能返回）？

我使用普通的JavaScript，所以没有jQuery！

Answer 1

循环遍历元素example

function linkOnClick(el) {

    var elements = document.getElementsByClassName('className');
    for (var i = 0; i < elements.length; i++) {
        if (elements[i] == el) {
            alert(i); // index of element
        }
    }
}

Answer 2

您正在寻找getElementsByClassName函数。最新版本的Firefox，Safari和Opera支持此功能，但如果您希望获得最终的跨浏览器兼容性，我建议您使用以下功能：http://robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/

然后，您将遍历onclick属性的函数中返回的元素，并测试索引是否与您将作为参数传递的索引匹配

编辑：完全按照IAbstractDownvoteFactor的答案写的