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