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

Question

我有点不确定如何做到这一点.我有一个主面板,我希望根据动作显示DIV.我在html中有这样的DIVS:

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

而不是搞乱定位,我想做到这一点,当发生某些事情我可以把div id = 2放在div id = 1之上,尽可能简单.任何建议表示赞赏.

Answer 1

在您展示的示例中,您可以简单地使用append和prependjquery方法.

例如,div#1然后div#2

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

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

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

有很多方法可以写这个.只需记住prepend在容器的开头(第一个元素之前)append放置元素,同时将元素放在最后一个元素之后.