对html表的列进行排序

Question

我在 this fiddle 中有一个 html 表，并尝试使用 jquery 参考 this stack overflow answer 对列进行排序，

var arr = $('th').filter(function() {
   return (new Date(this.innerHTML)).getDate();
}).sort(function (a, b) {
    return new Date(a.innerHTML) > new Date(b.innerHTML);
}).map(function () {
    return this.cellIndex
}).get();

$('tr').each(function () {
    $(this).children().filter(function(){
       return $.inArray(this.cellIndex, arr)> -1;
    }).sort(function (a, b) {
        a = $.inArray(a.cellIndex, arr);
        b = $.inArray(b.cellIndex, arr);
        return a > b;
    }).insertBefore(this.lastElementChild);
});

它可以正常工作长达 10 个月的列。但如果月份列数超过 10，排序将崩溃，如小提琴中给出的。我该如何解决这个问题？

Answer 1

如果您打印数组arr 中的条目，您会发现排序错误。这与排序功能有关。

给定输入(a, b)，原始代码中的排序函数返回a > b。在a <= b的情况下，排序函数会返回0，所以如果我们有严格的不等式a < b，排序函数会建议a和b一样大（因为它返回0），这就是出现错误的地方。

你可以试试下面的代码：

DEMO

var arr = $('th').filter(function() {
   return (new Date(this.innerHTML)).getDate();
}).sort(function (a, b) {
    aDate = new Date(a.innerHTML);
    bDate = new Date(b.innerHTML);
    if (aDate > bDate) {
        return 1;
    } else if (aDate < bDate) {
        return -1;
    } else {
        return 0;
    }
}).map(function () {
    return this.cellIndex
}).get();

$('tr').each(function () {
    $(this).children().filter(function(){
       return $.inArray(this.cellIndex, arr)> -1;
    }).sort(function (a, b) {
        a = $.inArray(a.cellIndex, arr);
        b = $.inArray(b.cellIndex, arr);
        if (a > b) {
            return 1;
        } else if (a < b) {
            return -1;
        } else {
            return 0;
        }
    }).insertBefore(this.lastElementChild);
});