javascript - 使用 jQuery 对 li 进行排序

Question

我有这个脚本，用于对 li 列表进行排序，但是当有多个数字时它不起作用，它会优先使用第一个数字进行排序，所以10 在 2 之前。有没有办法修改它，以便根据数值对其进行排序？

jQuery.fn.sortDomElements = (function() {
    return function(comparator) {
        return Array.prototype.sort.call(this, comparator).each(function(i) {
              this.parentNode.appendChild(this);
        });
    };
})();

$("#sortable3, #sortable4").children().sortDomElements(function(a,b){
    akey = $(a).attr("sortkey");
    bkey = $(b).attr("sortkey");
    if (akey == bkey) return 0;
    if (akey < bkey) return -1;
    if (akey > bkey) return 1;
});

Answer 1

您正在比较字符串。比较字符串时，您会得到以下结果:

"10" <  "2"
true

而是强制字符串以 10 为基数的整数:

parseInt("10", 10) <  parseInt("1", 10)
false

试试这个:

$("#sortable3, #sortable4").children().sortDomElements(function(a,b){
    akey = parseInt(($(a).attr("sortkey"), 10);
    bkey = parseInt($(b).attr("sortkey"), 10);
    if (akey == bkey) return 0;
    if (akey < bkey) return -1;
    if (akey > bkey) return 1;
});

应该修复它。