1. 程式人生 > >使用jQuery對List排序

使用jQuery對List排序

$(document).ready(function(){ $("#lnk").click(function(){ var mylist = $('ul'); //獲取ul物件 var listitems = mylist.children('li').get(); //獲取ul物件中的所有li元素,使用get轉換為陣列 listitems.sort(function(a, b) { //呼叫Array物件的sort方法進行排序 var
compA = $(a).text().toUpperCase(); //轉換字元值為大寫 var compB = $(b).text().toUpperCase(); console.log($(a).text()); //比較2個字串,如果大於則返回1,等於返回0,於小返回-1 return (compA < compB) ? -1 : (compA > compB) ? 1 : 0; }) $.each(listitems, function
(idx, itm) {
mylist.append(itm); }); }); });