Как получить значение индекса ссылки с определенным классом, используя простой 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