使用Jquery更改页面加载时div的顺序

我只是想知道是否可以使用Jquery并在以下位置执行某些操作：

<div class="test">
<div class="test2">

然后切换到：

<div class="test2">
<div class="test">

请记住，两个div都是显示的，而两个div都不是隐藏的。这不会做一些奇特的动画或类似的事情，相反，它在页面加载时所做的只是交换div的顺序，并继续下去，就像什么都没有发生过一样

---

想法？

这可能有点复杂，但它交换节点，将其直接放在。test之前

小提琴：

---

是否要切换div的switch-place类？我猜它不会交换它们，而是将其从文档中删除并替换。

$('.test').before($('.test2').remove());