javascript - Javascript - 将唯一元素 ID 添加到具有相同类名的多个元素

Question

我有几个带有类名“错误”的元素，我需要为每个元素动态添加一个唯一的 id。从堆栈上的其他问题中，我整理了以下代码，但它似乎不起作用。

function setErrorId() {
var errorClass = document.getElementsByClassName('error');
for (i = 0; i < errorClass.length; i++) {
    var idName = 'error' + i;
    errorClass[i].id = idName;
}

Answer 1

你有一个未定义的变量i。只是定义它，但除此之外你很好。

function setErrorId () {
 var errorClass = document.getElementsByClassName('error')
   , i = 0
   , l = errorClass.length;

  while (i < l) {
    errorClass[i].id = 'error' + i++;
  }
}

Answer 2

你错过了一个}

像这样：

function setErrorId() {
    var errorClass = document.getElementsByClassName('error');
    for (i = 0; i < errorClass.length; i++) {
    var idName = 'error' + i;
    errorClass[i].id = idName;
    }
}