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

Live Example | Source

或者当然，您也可以用 insertAfter 反过来做。 :

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

Live Example | Source

花一个小时从头到尾阅读 API 文档(实际上只需要这么长时间)是非常有益的，即使只是很短的一段时间，也可以为您节省大量时间。