使用jQuery對List排序
阿新 • • 發佈:2019-02-19
$(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); });
});
});