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

Question

[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>

Есть ли какая то изящная функция на этот случай?

Answer 1

[v3shin]

(document.querySelectorAll('.catalog-block') || []).forEach((cBlock, i) => {
    cBlock.id = 'catalogBlock' + i;
});

Comments

[twentytvvo]

идеально, спасибо!