按名称jQuery排序div类

Question

这是按名称而不是按字母名称对div类进行排序的最短和最佳方法。

这是我的Testsite：

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。