如何使用javascript通过它们的id和类隐藏多个div

Question

我想通过使用 javascript 隐藏多个 div id。我试图在页面加载时隐藏 5 个 div，但似乎无法让它工作。 我可以使用 Javascript 或 JQuery。

Answer 1

您可以为要隐藏的所有 div 使用一个通用类，一旦获得了要隐藏的divs ，就遍历元素以隐藏它们。

 function foo() { var divs = document.querySelectorAll('.hideMe'); divs.forEach((eachDiv) => { eachDiv.style.display = 'none'; //eachDiv.style.visibility = 'hidden'; }) }

 <div class="hideMe">One</div> <div class="hideMe">Two</div> <div class="hideMe">Three</div> <button onclick="foo()">Click Me!</button>

Answer 2

我认为您的意思是像这样隐藏具有不同 id 的多个 div: (用空格分隔它们)

$('#id1, #id2, #id3, #id4, #id5').hide()

但这通常是一个糟糕的解决方案。 我建议您为它们添加一个通用类，并在需要时隐藏它们：

$('.common-class').hide()