如何使用 javascript 按 id 和类隐藏多个 div

Question

我想使用 javascript 隐藏多个divs 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()