javascript - 按数字显式重新排序容器内的元素

Question

如果我有一个容器，#charts它里面有一些元素，如下所示：

<div id="charts">
    <div id="column"></div>
    <div id="bar"></div>
    <div id="line"></div>
    <div id="pie"></div>
</div>

...如何通过指定要更改的索引来使用 JavaScript 显式重新排序它们？考虑以下伪代码：

$("#charts").find("#column").order(3);

我想要做的是考虑容器中的其他元素并相应地重新定位这个特定元素。我将一次重新订购它们，这样可能会有所帮助。谢谢！

Answer 1

一个简单的 js 示例：

var container = document.getElementById('charts'),
    divs = container.getElementsByTagName('div'),
    target = document.getElementById('column');

container.insertBefore(target, divs[3]);