显示多个div onclick Show javascript

我正在使用javascript使用一个简单的div onclick show，当您单击每个div时，它会显示行中的下一个div

我如何才能使一次制作多个div节目成为可能？在HTML中，我尝试将div name onclick更改为多个，例如当您单击它时显示div q1/q2/q3：-

<a class="hide" onclick="showdiv('q1, q2, q3'); " href="#">

HTML

---

如果我答对了你的问题，你可以这样做：

function showdiv(){
   var divs = document.getElementsByClassName("myDivToShow");
   for (var i=0; i<divs.length; i++){ 
      divs[i].style.display = "table";
   }
}

---

并将myDivToShow类添加到您想要显示的所有div中。

您可以使用jquery插件并简化javascript端的工作。使用div类值显示或隐藏div

$('.hide').hide(); //this will hide all the div with class name "hide"
$('.hide').show(); //this will show all the div with class name "hide"
$('.hide').toggel(); //this will toggel the div visibility for all the div with class name "hide"

---

关于这方面有一篇很好的文章，涵盖了所有这些内容。

您可以使用这样的显示方法

function showdiv(){
  for (var i = 0, j = arguments.length; i < j; i++) {
    document.getElementById(arguments[i]).style.display = "table";    
    }
}

showdiv("q1","q2");

---

检测id参数是数组还是标量，如果是第二个，则将其包装在数组中，然后使用for循环。为什么不将css类分配给所有要显示的div，然后使用getElementsByClass？

function showdiv(){
  for (var i = 0, j = arguments.length; i < j; i++) {
    document.getElementById(arguments[i]).style.display = "table";    
    }
}

showdiv("q1","q2");