单击按钮后的Jquery Foreach

问题描述

我的网站使用 PHP 生成 html 代码，我需要在单击按钮后切换要显示的部分。问题是这段代码，点击后，只显示一项。

$("body").on('click','.btn',(function(){
document.querySelector(".hide").style.display = "block";

});

我需要它来遍历每个 .hide

解决方法

继续使用 jQuery，特别是 .show() method

显示匹配的元素

$(document.body).on("click",".btn",() => {
  $(".hide").show()
})

,

这似乎更有意义。只是删除隐藏类？

$("body").on('click','.btn',(function() {
      $(".hide").removeClass('hide');
    });

,

document.querySelectorAll(".hide").forEach( hide => {
  hide.style.display = "block";
})