javascript - 为不同的数组元素添加唯一的 CSS

Question

在过去的半小时里，我一直在四处寻找，但我认为之前没有人问过这个问题，因为我找不到答案。如何为数组中的每个元素指定不同的 CSS。最好将一个类附加到数组元素以限制冗余。

var Stat = new Array();

Stat[0] = "<span class='good'>Alive</span>";

换句话说，我想完成上面的事情。

Answer 1

希望我能正确理解您的问题。您可以只遍历数组并附加一个带有前缀后跟索引的类。如果我没有正确回答您的问题，请告诉我。

var Stat = new Array();

for (var i = 0; i < 6; i++) {
  Stat.push('<span class="good' + i + '">Alive</span>');
}

// Produces an array with the following:
<span class="good0">Alive</span>
<span class="good1">Alive</span>
<span class="good2">Alive</span>
<span class="good3">Alive</span>
<span class="good4">Alive</span>
<span class="good5">Alive</span>