Как узнать номер кликнутого элемента в js?

Question

[myaca]

https://jsfiddle.net/crmyc4d1/2/

Хочу сделать табы на чистом js, при неизвестном количестве табов и данных контента, на случай если добавится еще несколько

в jq есть полезная функция index...

Я думаю как это же сделать на нативном js?

Я думаю сделать что-то вроде... добавить data-* какой-нибудь кликнутому элементу, а после считать с первого элемента, пока не встречу этот data-*

Как бы вы сделали?

Answer 1

[Алексей Ярков]

https://jsfiddle.net/yarkov_aleksei/crmyc4d1/3/

Comments

[myaca]

Спасибо... это то, что надо, гораздо проще и лучше моего способа

[Kovalsky]

Это немного дико - вешать обработчик на все элементы и прокидывать им индекс в замыкание. Проще индекс элемента element получать с помощью indexOf из списка элементов elements:

elements.indexOf( element );

[Алексей Ярков]

Никита Полевой: согласен. Вот теперь автор прочтет комменты и сделает как надо ))

[ch-aqwer]

Алексей Ярков: а зачем так писать [...document.querySelectorAll('.eq')] если без етого оператора тоже работает?

[Алексей Ярков]

ch-aqwer: я не помню уже, но когда-то сталкивался, что выборка querySelectorAll не давала форычем пройти по ней