Как пронумеровать data id?

Question

[Александра]

Как добавить порядковый номер к элементам с конкретным data-id?
То есть, чтобы из этого:

<div class="mylist">
  <div class="myclass" data-id="mydata"></div>
  <div class="myclass" data-id="mydata"></div>
  <div class="myclass" data-id="mydata"></div>
  <div class="myclass" data-id="mydata"></div>
  <div class="myclass" data-id="mydata"></div>
</div>

Получить это:

<div class="mylist">
  <div class="myclass" data-id="mydata1"></div>
  <div class="myclass" data-id="mydata2"></div>
  <div class="myclass" data-id="mydata3"></div>
  <div class="myclass" data-id="mydata4"></div>
  <div class="myclass" data-id="mydata5"></div>
</div>

Answer 1

[otdameskapizm]

Можешь вот так:

const elems = document.querySelectorAll('[data-id="mydata"]');
elems.forEach((elem, index) => {
  const attrValue = elem.dataset.id;
  const newAttrValue = `${attrValue}${index + 1}`;
  elem.setAttribute('data-id', newAttrValue);
});