Как получить индекс элемента, который вызвал функцию?

Question

Pavel_Proca @Pavel_Proca

Как получить индекс элемента, который вызвал функцию?

Есть неограниченное количество элементов в HTML. К примеру, кнопок. Каждая из них вызывает одну и ту же функцию.

<button onClick="somefunc(this)">Button 1</button>
<button onClick="somefunc(this)">Button 2</button>
<button onClick="somefunc(this)">Button 3</button>
<button onClick="somefunc(this)">Button N</button>

Как сделать так, что бы функция вернула порядковый номер вызывающего элемента из списка всех остальных элементов?
То есть, мне нужно узнать его номер, что бы я мог обратиться к нему с помощью document.getElementsByTagName('button')[Тут по сути должен быть его номер, который я и хочу узнать]

Вопрос задан более трёх лет назад
209 просмотров

2 комментария

Подписаться 1 Оценить 2 комментария

Как сделать так, что бы функция вернула порядковый номер вызывающего элемента из списка всех остальных элементов?

А куда планируете возвращать?
Рамиль: Да хоть в тот же alert пусть пишет. А так, нужно это попросту записать в div.

Answer 1 · 2017-08-03 15:36:36

Не нужно так
лучше делегировать собитие

<div id="parent">
    <button>Button 1</button>
    <button>Button 2</button>
    <button>Button 3</button>
    <button>Button N</button>
</div>

document.getElementById('parent').addEventListener('click', function (e) {
  console.log(e.target);
})

Как получить индекс элемента, который вызвал функцию?

Войдите на сайт