排序李項

Question

如果我有一個無序列表：

<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] 

有沒有辦法來排序以相同的順序爲上述名單陣列。 （數組並不總是按時間順序排列的，這只是爲了解釋的目的）。

謝謝。

Answer 1

一個可能的jQuery的解決方案：

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

DEMO：http://jsfiddle.net/8FR8V/

Answer 2

我會建議像庫下劃線爲這樣的功能。他們小巧，快速，而且非常有用！

下劃線排序功能：http://underscorejs.org/#sortBy