繁体   English   中英

Classlist.add 以更短的方式?

[英]Classlist.add in a shorter way?

嘿,我必须给一些列表项自己的类。 但是我的做法有点过分了。 有没有办法用循环或类似的东西使这个更清洁?

Javascript:

function classAdden() {
    var element = document.querySelectorAll("LI");
    element[0].classList.add("javascript"); // Javascript
    element[1].classList.add("tinkiewinkie"); // Tinkie Winkie
    element[2].classList.add("dipsi"); // Dipsi
    element[3].classList.add("php"); // PHP
    element[4].classList.add("lala"); // Lala
    element[5].classList.add("po"); // Po
    element[6].classList.add("jquery"); // jQuery
}

也许:

const names = ["javascript", ..., "jquery"];
for (let i = 0; i < names.length; i++)
    element[i].classList.add(names[i]);

?

将值存储在array并使用forEach()

const arr = ["javascript","tinkiewinkie","dipsi","php","lala","po","jquery"]; 
function classAdden() {
     const element = document.querySelectorAll("LI"); 
     arr.forEach((a,i) => element[i].classList.add(a)); 
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM