按 Array 的顺序对 li 项进行排序答案

【问题标题】：Sorting li items in order of Array按 Array 的顺序对 li 项进行排序
【发布时间】：2014-05-01 13:42:41
【问题描述】：

如果我有一个无序列表：

<ul>
 <li data-sort-name="a">A</li>
 <li data-sort-name="d">D</li>
 <li data-sort-name="b">B</li>
 <li data-sort-name="c">C</li>
</ul>

还有一个数组：

[a,b,c,d]

有没有办法按照与数组相同的顺序对上述列表进行排序。（数组并不总是按时间顺序排列，这只是为了解释）。

谢谢。

【问题讨论】：

【解决方案1】：

一种可能的 jQuery 解决方案：

$.each(['a', 'b', 'c', 'd'], function(i, v) {
    $('li[data-sort-name="' + v + '"]').appendTo('ul');
});

演示： http://jsfiddle.net/8FR8V/

【讨论】：

【解决方案2】：

我会推荐一个像 underscore 这样的库来实现这样的功能。它们体积小、速度快且非常有用！

【讨论】：