Добрых времени суток! Проблема в следующем, возникла задача добавить созданный span
в каждый 2-ой(!) элемент в блоке div.test
, как это можно сделать? Пытался следующим образом:
var element = document.createElement("span");
element.classList.add("span-test");
var index = 1;
[...document.querySelectorAll(".test")].forEach(test => [...test.querySelectorAll(".test-2")[index]].forEach(test2 => test2.appendChild(element)));
.span-test {
height: 30px;
width: 30px;
background-color: red;
}
<div class="test">
<div class="test-2"></div>
<div class="test-2"></div>
</div>
<div class="test">
<div class="test-2"></div>
<div class="test-2"></div>
</div>
Пишет, что:
Uncaught TypeError: test.querySelectorAll[index] is not iterable
Подскажите, что делаю не так? Как можно добавить элемент в каждый 2-ой элемент div.test-2
(Обязательно в родителе div.test
);