javascript - 将类添加到 for 循环中的所有元素

Question

我有一个 for 循环来完成某个任务。现在在那个 for 循环中，在最后一次迭代中，我需要将该green-color类添加到所有具有该类的元素中checkMarks。

这是我的代码，目前它只将green-color类添加到第一个元素。有没有办法做到这一点，而不必在当前的 for 循环中使用另一个 for 循环？

const studentLength = 24;
for(let i=0; i<studentLength; i++){
   //something happens here

   if(i===studentLength ){ //if last iteration 
       document.querySelectorAll(".checkMarks").classList.add("green-color");
   }
}

标签： javascript

Answer 1

您需要迭代结果querySelectorAll并将该类应用于每个元素：

document.querySelectorAll(".checkMarks").forEach(e => e.classList.add("green-color"));

.green-color {
  color: green;
}

<div class="checkMarks">TEST</div>
<div class="checkMarks">TEST2</div>
<div class="checkMarks">TEST3</div>
<div class="checkMarks">TEST4</div>
<div class="checkMarks">TEST5</div>
<div class="checkMarks">TEST6</div>
<div class="checkMarks">TEST7</div>