通过jQuery更改HTML元素的顺序？

Question

我想改变HTML元素的顺序：

<div id="d1">
    <div id="dd1"></div>
    <table id="t1"></table>
    <div id="be_top"></div>    
</div>

为：

<div id="d1">
    <div id="dd1"></div>
    <div id="be_top"></div>    
    <table id="t1"></table>
</div>

有没有人有关于如何做到这一点的想法？谢谢！

Answer 1

如果您参考API文档，您将找到insertBefore函数：

$("#be_top").insertBefore("#t1");

Live Example | Source

当然，您可以使用insertAfter：

进行相反的操作

$("#t1").insertAfter("#be_top");

Live Example | Source

花费一个小时阅读API文档的开始时间（实际上只花了那么长时间）是非常有益的，即使只是短暂的一段时间也可以节省很多时间。

Answer 2

// select thing you want to move #be_top -> insert it before #t1
$("#be_top").insertBefore("#t1")