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