最近要對(duì)報(bào)表數(shù)組進(jìn)行排序，在前端處理如下：
目前創(chuàng)新互聯(lián)已為成百上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁(yè)空間、網(wǎng)站改版維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、橋西網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。
首先在前臺(tái)頁(yè)面加載時(shí)對(duì)每行tr添加自定義的屬性data-sort-field-ftime，屬性值為要排序的字段的值（我的是數(shù)字比較方便）：
重慶分公司
重慶分公司
$.each(jsonarray, function(i, obj) {
troptions += "";
troptions += ""+(Number(obj.cdsPrem)/unitnow).toFixed(dotnow)+" ";
troptions += ""+(Number(obj.cdjPrem)/unitnow).toFixed(dotnow)+" ";
troptions += ""+(Number(obj.sumPrem)/unitnow).toFixed(dotnow)+" ";
troptions += ""+obj.paiming+" ";
troptions += " ";
});在要排序的表頭添加onchange事件，以下為onchange事件：
//排序處理
function changepm(){
var sortType=$("#pm").val();
var $trList = $("#ta tbody > tr");//獲取現(xiàn)有tr對(duì)象
//冒泡排序
for (var i = 0; i < $trList.length - 1; i++) {
for (var j = 0; j < $trList.length - 1 - i; j++) {
var value1 = parseInt($trList[j].attributes["data-sort-field-ftime"].nodeValue);
var value2 = parseInt($trList[j + 1].attributes["data-sort-field-ftime"].nodeValue);
if (sortType === "asc" ? value1 > value2 : value1 < value2) {
var $temp = $trList[j];
$trList[j] = null;
$trList[j] = $trList[j + 1];
$trList[j + 1] = null;
$trList[j + 1] = $temp;
}
}
}
//返回排序后的tr集合
//將原來(lái)的tr清空，再將排序后的tr插入到table的dom中
console.log($trList);
$trList.appendTo($("#ta > tbody").empty());
}
以上就是jquery對(duì)table做排序操作的詳細(xì)內(nèi)容啦，希望對(duì)大家有所幫助，也希望大家繼續(xù)支持創(chuàng)新互聯(lián)~
