javascript - 如何向未指定数量的元素添加类

Question

我觉得这应该很简单，但我倾向于想得太多。我只想仅向 container-1 元素添加新类。需要对类进行编号以区分它们。多种方法的奖励和详细解释，因为我想学习如何正确地做到这一点。

示例:

<div class="scroller">
    <div class="container-1 newClass1"></div>
    <div class="container-1 newClass2"></div>
    <div class="container-2"></div>
    <div class="container-1 newClass3"></div>
    <div class="container-2"></div>
</div>

正如标题所说，金额可以是随机的。因此它需要读取并应用于 scroller 内的所有 container-1。

Answer 1

这是一些js，它通过类名“container-1”获取所有元素。之后，在 for 循环中，它将为每个具有该类的元素添加带有计数器标记的类“newClass”。

var elements = document.getElementsByClassName("container-1");
for(var i = 0; i < elements.length; i++){
    elements[i].classList.add("newClass" + (i+1));
}