Javascript 交换两张桌子

我想允许用户交换html页面上两个表的位置。理想情况下，我想创建一个用户设置来实现这一点，方法是单击此按钮将表1置于顶部，或单击此按钮将表2置于顶部或单选框。 如何才能做到这一点

---

编辑：表格中的数据通过angularjs函数提供，是动态的。它会根据服务器消息进行更改。我认为这可能与Jquery或angular中实现这一点的某些东西有关。我不想在两张桌子上重复两次代码来做ng show。

我不能完全确定你的问题，但是如果你能把两张桌子并排放在一起。您可以使用float left和float right类在某些条件下使用ng类来控制它们的位置

<table ng-class="condition1: 'float-left', condition2: 'float-right'" style="width: 50%">
</table>

<table ng-class="condition1: 'float-right', condition2: 'float-left'" style="width: 50%">
</table>

<style>
.float-left {
float: left;
}

.float-right {
float: right;
}
</style>

---

我自己解决了这个问题，解决方案看起来非常简单，效果非常好

---

为了达到预期效果，我前后都使用了jQuery函数。

如果不知道你的应用程序是如何构建的，很难说。表是否正在从数组加载数据？如果是这样，您可以使用服务来存储用户的首选项，然后在渲染时根据该设置简单地反转数组。如果表是硬编码到HTML中的，那么在更改此设置时，必须执行一些DOM操作来切换它们。