Как узнать индекс елемента в массиве на которий нажали?

[Stepantshik]

Есть вот такой код

<div id="bigDiv"></div>
<div class="smallDiv">Text1</div>
<div class="smallDiv">Text2</div>
<div class="smallDiv">Text3</div>
<div class="smallDiv">Text4</div>

var bigDiv = document.getElementById("bigDiv"),
     smallDivs = document.getElementsByClassName("smallDiv");
     //в цыкле присваиваем оnclick маленьким дивам 
     for(var i=0; i>smallDivs.length; i++){
             smallDivs[i].onclick = function(){
			for(var j=0; j < smallDivs.length; j++){
				smallDivs[j].style.display = "none";//убираем smallDiv	
			}
			
			bigDiv.style.display = "block";//показиваем bigDiv
			bigDiv.innerHTML = smallDivs["и вот тут  если поставить i, то будет ошибка"].innerHTML;//присваиваем bigDiv текс smallDiv, на которий кликнули, но тут проблема
    }

Тоесть при нажатии на один из маленьких дивов с текстом все они пропадають и появляеться один большой з текстом маленького, но я не знаю как узнать индекс этого маленького дива в массиве. Подскажите пожалуйста)

[рони]

Stepantshik,
цикл прошёл с i сейчас i равно smallDivs.length а элемента с таким индексом у вас нет.
использовать [].forEach.call вместо for или способ тут
Пример ошибочного использования и ещё куча способов например this

[Stepantshik]

Большое спасибо)