Как использовать методы сортировки в jQuery?

1
2
3
4
5
6
7
8
9

var items = $('ul li').get();
items.sort(function(a, b) {
    var compA = $(a).text().toUpperCase();
    var compB = $(b).text().toUpperCase();
    return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
});
$.each(items, function(i, li){
    $('ul').append(li);
});

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

$('table th').click(function(){
    var table = $(this).parents('table').eq(0);
    var rows = table.find('tr:gt(0)').toArray().sort(compare($(this).index()));
    this.asc = !this.asc;
    if (!this.asc){rows = rows.reverse();}
    for (var i = 0; i < rows.length; i++){
        table.append(rows[i]);
    }
});

function compare(idx) {
    return function(a, b) {
        var valA = getCellValue(a, idx), valB = getCellValue(b, idx);
        return $.isNumeric(valA) && $.isNumeric(valB) ? valA - valB : valA.localeCompare(valB);
    }
}
function getCellValue(row, idx){ 
    return $(row).children('td').eq(idx).text(); 
}

1
2
3
4
5
6
7
8
9

var items = $('.item').get();
items.sort(function(a, b) {
    var compA = $(a).attr('data-price');
    var compB = $(b).attr('data-price');
    return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
});
$.each(items, function(i, li){
    $('.container').append(li);
});

1
2
3
4
5

$(function() {
    $('ul li').sort(function(a, b) {
        return $(a).text().localeCompare($(b).text());
    }).appendTo('ul');
});

1
2
3
4
5
6
7

$(function() {
    $('table').find('tr:gt(0)').sort(function(a, b) {
        var keyA = parseInt($(a).find('td:eq(1)').text());
        var keyB = parseInt($(b).find('td:eq(1)').text());
        return keyA - keyB;
    }).appendTo('table');
});