jquery - 按名称排序 div 类 jQuery

Question

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

这是我的测试站点：

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

我将在内容 div 类中进行排序，以便：

1. div 类="dark_red_gradient"
2. div 类="red_gradient"
3. div 类="orange_gradient"
4. div 类="黄色渐变"
5. div 类="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。