如何一次选择数组中的所有项目，并为它们添加类

Question

我希望这个函数通过给它们 css .hidden 属性来隐藏我的 html 中的按钮。我试过 [0, 1, 2, 3, 4] 但它​​没有按预期工作，这段代码有效，但我想知道是否有更有效的方法来做到这一点..？

function hideButtons(){
var buttons = document.querySelectorAll('.buttons');
  buttons[0].classList.add('hidden'); 
  buttons[1].classList.add('hidden');
  buttons[2].classList.add('hidden');
  buttons[3].classList.add('hidden');
  buttons[4].classList.add('hidden');
}

Answer 1

使用简单的循环

for(var i = 0; i < buttons.length; i++){
    buttons[i].classList.add('hidden');
}