Задать вопрос
twentytvvo
@twentytvvo

Как каждому следующему блоку добавить атрибут с уникальным идентификатором?

Здравствуйте. Не могу найти в интернете ответа на подобный вопрос. Есть блоки внутри контейнера. Хочу реализовать их пагинацию, но собственными силами.
Нужно всем блокам catalog-block добавить id="номер в списке в порядке возрастания".
Дело в том что вручную писать для каждого блока это нет смысла, так как количество этих блоков динамичное.
<div class="catalog-flex">

<div class="catalog-block"></div>
<div class="catalog-block"></div>
<div class="catalog-block"></div>
<div class="catalog-block"></div>
<div class="catalog-block"></div>

</div>

Есть ли какая то изящная функция на этот случай?
  • Вопрос задан
  • 69 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
v3shin
@v3shin
Веб-шаман
(document.querySelectorAll('.catalog-block') || []).forEach((cBlock, i) => {
    cBlock.id = 'catalogBlock' + i;
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы