html按时间升降排序列表,使用jQuery对HTML列表进行升序和降序排序

$(document).ready(function(){

var sortItems = function() {

var sortedNames = [];

var sortedItms = [];

var rawNames = $('.list').find('li');

for (var i = 0; i < rawNames.length; i++) {

var names = $(rawNames[i]).text();

sortedNames.push(names);

}

$('#choose_order').on('change', function(){

var currVal = $(this).find("option:selected").val();

console.log(currVal);

if (currVal != 'default') {

$('#sortbtn').removeClass("disabled");

if (currVal == 'asc') {

sortedNames.sort();

} else {

sortedNames.sort();

sortedNames.reverse();

}

} else {

$('#sortbtn').addClass("disabled");

}

});

var setItems = function() {

sortedItms = [];

for (var j = 0; j < sortedNames.length; j++) {

var sortedItm = '

' + sortedNames[j] + '';

sortedItms.push(sortedItm);

}

sortedItms.join('');

$('.list').html(sortedItms);

}

$('#sortbtn').on('click', setItems);

}

$(window).on('load', sortItems);

});

Choose sorting order

Ascending

Descending

Sort

1. Cosmin
2. Alina
3. Diana
4. Elena
5. Bogdan