javascript - 通过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 文档（实际上只需要这么长时间）是非常有益的，即使只是很短的时间也可以为您节省大量时间。

Answer 2

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