javascript - 使用 jQuery 按字母顺序对列表项进行排序 - 然后按数字对特殊项进行排序

Question

<分区>

Answer 1

您需要一个比较函数，以及一种重新排列元素的方法。插件可用，前者将为您完成后者，但如果元素是单亲的唯一子元素，则非常容易(见下文)。

对于你的比较器，你需要一些可以给你的 <li> 的东西元素，并告诉你哪个先出现:

function myCompare(a, b) {
    var cls_a = parseInt(a.classList, 10);
    var cls_b = parseInt(b.classList, 10);

    cls_a = cls_a || -1 ;   // make blank class == -1
    cls_b = cls_b || -1 ;   //   ditto

    if (cls_a === cls_b) {
        var str_a = a.innerText || a.textContent;
        var str_b = b.innerText || b.textContent;
        return str_a.localeCompare(str_b);
    } else {
        return cls_a - cls_b;  // numeric descending sort
    }
}

重新排列:

var $el = $('li');
var $ul = $('ul');
$el.sort(myCompare);  // from above
$el.each(function() {
    $ul.append(this);
});

.each循环的工作原理是只获取每个排序的项目，并将其添加到 <ul> 的末尾- 当没有剩余时，就完成了。

上述的更短版本是可能的，例如:

$('li').sort(myCompare).appendTo($('ul'));

See this jsfiddle