如何从Nodelist中选择带有类的特定项目?



假设我有一个HTML文档,比如

<a href='#' class='class_1'>Content</a>
<a href='#' class='class_2'>Content</a>
<a href='#' class='class_3'>Content</a>
<a href='#' class='class_4'>Content</a>
<a href='#' class='class_5'>Content</a>

现在,我已经选择了querySelectorAll的锚标记,并使用forEach循环它们。

在forEach中,在计算了一些东西之后,我需要将样式应用于特定的锚标记及其类。

anchorList.forEach(link => {})

如何在不使用另一个循环的情况下选择与某个类的链接?

问题可能有一点不清楚,请随时提问

既然已经使用forEach循环遍历了所有锚标记,那么可以在循环本身中检查特定的类。试试下面的代码:

var anchorList = document.querySelector("a");
anchorList.forEach(link => {
// calculations...
if(link.className === "class_1"){
link.style.color = "red"; // or anything else
}
// continue calculations...
});

如果你问的不正确或不正确,请不要犹豫评论,我会更新我的答案。

最新更新