如何一次选择数组中的所有项目，并向其中添加类

问题描述

我希望此功能通过将css .hidden属性赋予按钮来隐藏html中的按钮.我已经尝试过[0，1，2，3，4]，但是它没有按预期的方式工作，此代码可以工作，但是我想知道是否有更有效的方法来做..?

I would like this function to hide buttons in my html, by giving them css .hidden attribute. I have tried [0, 1, 2, 3, 4] but it does not work as supposed, this code works but I was wondering if there is a more efficient way to do it..?

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');
}

推荐答案

使用简单循环

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

这篇关于如何一次选择数组中的所有项目，并向其中添加类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！