javascript - 我将如何使用 Javascript 根据其 ID 对我的 div 进行排序？

Question

有什么 Javascript 代码可以让我列出我的 div 的 ID 名称，然后按该顺序显示它们，而无需实际更改我页面上的代码？

我不想一次只交换两个 div 来执行此操作，我想要一个列表/数组，我可以在其中输入顺序，它会按该顺序显示。

我有 4 个 div(div1、div2、div3、div4)

谢谢=D

Answer 1

假设 HTML 是这样的

<div id="wrapper">
    <div id="one">One</div>
    <div id="two">Two</div>
    <div id="three">Three</div>
    <div id="four">Four</div>
</div>

你可以用 jQuery 做到这一点

var w = $('#wrapper').html();
var arr = w.split('\n');

$('#wrapper').html(arr[2] + arr[4] + arr[1] + arr[3]);

根据需要更改数组元素的顺序。

注意:我根据换行符 \n 将 html 拆分为一个数组。它给出了第一个空白行，正如我从 div#wrapper 开始收集的那样。因此 arr[0] 永远不会被使用。

示例:http://jsfiddle.net/jasongennaro/yFEVz/1/