首頁猿問將類添加到 for 循環中的所有元素

將類添加到 for 循環中的所有元素

JavaScript

慕婉清6462132 2023-08-24 10:13:42

我有一個 for 循環來完成某個任務?，F在在 for 循環中，在最后一次迭代中，我需要將類添加到green-color具有 class 的所有元素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"); }}

查看完整描述

3 回答

白板的微信

TA貢獻1883條經驗獲得超3個贊

您需要迭代結果querySelectorAll并將該類應用于每個元素：

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

.green-color {

color: green;

}

反對回復 2023-08-24

紅顏莎娜

TA貢獻1842條經驗獲得超13個贊

您需要循環，因為 querySelectorAll 中的 All 返回一個節點列表，但您也應該對學生使用 forEach 我將其包裝在擴展中以處理早期的 EDGE 瀏覽器

students.forEach(student => { /*something happens here */});
[...document.querySelectorAll(".checkMarks")].forEach(chk => chk.classList.add("green-color"));

如果只有一個復選標記，您可以document.querySelector(".checkMarks").classList.add("green-color")不使用all，但是 vanilla JS 不支持像等效的 jQuery 那樣一次性添加到列表 $(".checkMarks").addClass("green-color")中

反對回復 2023-08-24

慕碼人2483693

TA貢獻1860條經驗獲得超9個贊

就我個人而言，我會使用for...of循環（ES6）：

const divs = document.querySelectorAll(".checkMarks");

for (const div of divs) {

div.classList.add("green-color");

}

.green-color {

color: green;

}

反對回復 2023-08-24

3 回答
0 關注
232 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

將類添加到 for 循環中的所有元素

將類添加到 for 循環中的所有元素

3 回答

添加回答