按名稱排序div類jQuery

Question

這是按名稱排序div類而不是按字母名排序的最短和最好的方法。

這裏是我的測試網站：

http://devauth.labscope.de/htmlapp/report-overview_test.html

我會在內容DIV類，以便進行排序：

1. DIV CLASS = 「dark_red_gradient」
2. DIV CLASS = 「red_gradient」
3. div class =「orange_gradient」
4. div class =「yellow _gradient」
5. DIV CLASS = 「white_gradient」

我怎麼能解決這個問題？我知道我可以給我的班級dark_red_1，但我會解決這個問題。

我希望有人有想法。

Answer 1

嘗試

var array = ['dark_red_gradient', 'red_gradient', 'orange_gradient', 'yellow_gradient', 'white_gradient']; 

var $ul = $('#mytest'); 
var sorted = $ul.children('li').get().sort(function (o1, o2) { 
    return $.inArray(o1.className, array) - $.inArray(o2.className, array) 
}); 
$.each(sorted, function() { 
    $(this).appendTo($ul) 
}); 

假設mytest是容器li元素的id。