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();
}
} else {
$('#sortbtn').addClass("disabled");
}
});
var setItems = function() {
sortedItms = [];
for (var j = 0; j < sortedNames.length; j++) {
var sortedItm = '
' + sortedNames[j] + '';
jquery怎么进行验证
sortedItms.push(sortedItm);
}
sortedItms.join('');
$('.list').html(sortedItms);
}
$('#sortbtn').on('click', setItems); }
$(window).on('load', sortItems); });
Choose sorting order
Ascending
Descending
1. Cosmin
2. Alina
3. Diana
4. Elena
5. Bogdan

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。