通过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");

实例 | 资源

或者当然,你可以用另一种方式做到insertAfter:

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

实例 | 资源

从开始到结束阅读API文档花了一个小时(而且它真的只花了那么长时间)是非常有益的,即使只是短暂的一段时间也可以节省大量的时间.