JavaScript：为包含某个class的元素分配唯一ID

Question

所以我有这个 HTML 代码：

  <p style="margin-bottom: 5px"><span id="" class="stars-container stars-custom">★★★★★</span></p>

基本上我想为这个元素的每个实例分配一个唯一的 id，所以第一个元素 id="1"，第二个元素 id="2" 等等

我正在考虑使用 getElementsByClassName 来识别它们并获取 class 名称，但我如何分配和唯一 ID？我是 JS 的新手，所以我不知道循环会是什么样子。

Answer 1

这样处理。您基本上 select 所有带有类的 p 元素，遍历它们并将每个元素的 id 设置为循环变量的索引。

我无法使用 foreach 循环，因为它在 HTMLCollections

上不可用

const paragraphs = document.getElementsByClassName('stars-container stars-custom');

for (let i = 0; i < paragraphs.length; i++) paragraphs[i].setAttribute('id', i + 1);

JavaScript：为包含某个class的元素分配唯一ID

JavaScript: assign unique ID to elements containing a certain class

javascript

getelementsbyclassname