Как получить index элемента при клике?

Question

[DeniSidorenko]

Привет. Есть такой код

<div class='wrapper'>
<div class='dot'></div>
<div class='dot'></div>
<div class='dot'></div>
<div class='dot'></div>
<div class='dot'></div>
<div class='dot'></div>
<div class='dot'></div>
</div>

Через команду

var dots = document.getElementsByClassName('dots');

Получил массив с dot.

Как при клике на каждый в console высвечивалось его index Кликаю на первый элемент в консоль его индекс(0)

очень прошу дать пример кода,

Comments

[Иван Корюков]

А зачем вам такой индекс?

Answer 1

[Stalker_RED]

let wrapper = document.querySelector('.wrapper')
wrapper.addEventListener('click', function(evt) {
	let index = [...this.children].findIndex(el => el == evt.target)
  console.log(index)
})

https://jsfiddle.net/Lm21js09/

Answer 2

[Stimulate]

$('.dots').click(function (event) {
    console.log($(this).index());
});