Javascript 当按钮被触发时，如何显示不同的表数据？

我试图在使用javascript/angularjs触发按钮时显示不同的表数据。我为每个表指定了一个唯一的ID，我希望在触发

“next”

按钮时显示特定的表

我现在正在使用

.show（）

和

.hide（）

函数，它只允许我显示2个表数据。是否有人有任何方法，如循环？谢谢

在我的javaScript文件中：

 <button type="button" id="nextbtn" class="btn btn-primary" onclick="addDataTable1(), addDataTable2(), addDataTable3()">Next</button>

---

假设您有一个类

表

，或者您喜欢命名的任何名称，一个

toggle（）

方法，并显示/隐藏css类，您可以执行以下操作：

函数切换（）{
var tables=document.querySelectorAll（'.table'）；
用于（表中的var i）{
if（表[i].classList.contains（'show'））{
表[i].classList.add（'hide'）；
表[i].classList.remove（'show'）；
}否则{
表[i].classList.add（'show'）；
表[i].classList.remove（'hide'）；
}
}
}

这将允许您在所有表上循环，并根据它们的类打开或关闭它们。如果正在显示它，则使用

.show

类，然后使用

.hide

隐藏它，反之亦然。

---

与

.hide（）

和

.show（）

函数切换（）{
var tables=document.querySelectorAll（'.table'）；
用于（表中的var i）{
if（表[i].classList.contains（'show'））{
表[i].hide（）；
}否则{
表[i].show（）；
}
}
}

假设您有一个类

表

，或者您喜欢命名的任何名称，一个

toggle（）

方法，并显示/隐藏css类，您可以执行以下操作：

函数切换（）{
var tables=document.querySelectorAll（'.table'）；
用于（表中的var i）{
if（表[i].classList.contains（'show'））{
表[i].classList.add（'hide'）；
表[i].classList.remove（'show'）；
}否则{
表[i].classList.add（'show'）；
表[i].classList.remove（'hide'）；
}
}
}

这将允许您在所有表上循环，并根据它们的类打开或关闭它们。如果正在显示它，则使用

.show

类，然后使用

.hide

隐藏它，反之亦然。

---

与

.hide（）

和

.show（）

函数切换（）{
var tables=document.querySelectorAll（'.table'）；
用于（表中的var i）{
if（表[i].classList.contains（'show'））{
表[i].hide（）；
}否则{
表[i].show（）；
}
}
}

您是否尝试过为按钮的onclick事件添加事件处理程序？是的，我添加了一个事件处理程序。您可以共享该代码，以便我们可以帮助您解决不起作用的问题吗？我重新表述了我的问题，希望它更容易理解。您可以共享您正在使用的代码吗？这将使您更容易获得帮助。您是否尝试过为按钮的onclick事件添加事件处理程序？是的，我添加了您可以共享该代码以便我们可以帮助您修复不起作用的问题？我已重新表述了我的问题，希望它更易于理解。您可以共享您正在使用的代码吗？这将使帮助您变得更容易。很抱歉，响应太晚，但contains部分对我来说并不真正有效，因为并非所有表都包含show。在我的帖子上查看我最新关注的问题。谢谢你的帮助！很抱歉，响应太晚，但contains部分对我来说并不适用，因为并非所有表都包含show。在我的帖子上查看我最新关注的问题。谢谢你的帮助！

 function next(){
   $(".table1Data").hide();
   $(".table2Data").show();