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

Question

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

我使用纯JavaScript，所以没有jQuery！

Answer 1

循环遍历元素， 例如

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在答案中所写的那样