JQuery (Javascript) / CSS，在不使用定位的情况下重新排列 DIV 内元素顺序的方法？

我有点不确定如何做到这一点。我有一个主面板，我想在其中显示基于操作的 DIV。我在 html 中将 DIVS 布局如下：

<div id="container">
   <div id="1"></div>
   <div id="2"></div>
</div>

我不想搞乱定位，而是想做到这样，当发生某些事情时，我可以将 div id=2 放在 div id=1 上方，尽可能简单。任何建议表示赞赏。

在您展示的示例中，您可以简单地使用append, and prependjquery 方法。

例如，div#1 然后 div#2

$('#container').append('#1').append('#2');

重新排序，div#2 然后 div#1

$('#container #2').remove().prependTo('#container');

有很多方法可以写这个。只要记住prepend将一个元素放置在容器的开头（第一个元素之前），而append将元素放置在最后一个元素之后。