Как узнать индекс елемента в массиве на которий нажали?
Есть вот такой код
<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 |
Большое спасибо)
|
Часовой пояс GMT +3, время: 06:26. |