Имею:
<div id="slider" class="slider">
<div class="wow-ggg"></div>
<div class="wow-ggg"></div>
<div class="wow-ggg"></div>
<div class="wow-ggg"></div>
<div class="wow-ggg"></div>
<div class="wow-ggg"></div>
<div class="wow-ggg"></div>
<div class="wow-ggg"></div>
<div class="wow-ggg"></div>
<div class="wow-ggg"></div>
</div>
Таких <div class="wow-ggg"></div>
более сотни. Мне их нужно обернуть в свой див разными группами в разных количествах.
Для этого хочу использовать:
const items = [...document.querySelectorAll('.item')];
const div1 = document.createElement('div');
document.body.append(div1); // вставляем див, куда нужно
div1.append(...items.slice(0, 5));
const div2 = document.createElement('div');
document.body.append(div2); // вставляем див, куда нужно
div2.append(...items.slice(5, 10));
..... и так далее
Но это работает для класса БЕЗ ЧЕРТЫ. Т.е для .item
, а у меня класс .wow-item
, т.е. из-за этого"дефиса" все ломается. Как с этим бороться?
Как адаптировать скрипт под мой html?
const items = [...document.querySelectorAll('.wow-item')];
не работает? Не верю