循环 querySelectorAll [关闭]

Question

我正在尝试将我的 queryselectorall 点击放在一个循环中，所以我不必这样做：

document.querySelectorAll('.class a')[1].click();
document.querySelectorAll('.class a')[2].click();
document.querySelectorAll('.class a')[3].click();

我想弄一段时间，直到索引是 47，我试着让它变成这样

var class = document.querySelectorAll('.class a');
var i;
while (i < 47){
 class[i].click();
 i++;
}

但不工作。

Answer 1

对于初学者，您永远不会将 i 变量初始化为 0，因此当您开始循环时，i 等于 undefined。接下来，您需要更改变量名称。 class 和function 一样是保留字。此外，如果您希望索引转到索引 47，则需要执行 i < 48 或 i <= 47，否则循环将在索引 46 处停止。话虽如此，如果您使用查询的长度会更好您只选择了 querySelectorAll() 指向的元素。否则，如果选择器指向的元素数量在您的 HTML 中发生了变化，您必须记住进入并更改循环中的硬编码数字，否则会出现问题。在声明变量后立即将长度缓存在另一个局部变量中会更好。

试试这个：

var classAPointer = document.querySelectorAll('.class a'),
    numClassAElements = classAPointer.length,
    i = 0;

for (; i < numClassAElements; ++i) {
  classAPointer[i].click();
}

您可能有兴趣阅读有关循环 querySelectorAll NodeList 的不同方法的这篇文章：https://css-tricks.com/a-bunch-of-options-for-looping-over-queryselectorall-nodelists/（最高效的方法是像上面这样的常规 for 循环或使用 for... of 循环，您应该只如果您不关心支持 IE 或旧版浏览器，请执行此操作）