如何使用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()