jquery对table做排序操作的实例演示
最近要对报表数组进行排序，在前端处理如下：
首先在前台页面加载时对每行tr添加自定义的属性data-sort-field-ftime，属性值为要排序的字段的值（我的是数字比较方便）：
$.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事件：
//排序处理
functionchangepm(){
varsortType=$("#pm").val();
var$trList=$("#tatbody>tr");//获取现有tr对象
//冒泡排序
for(vari=0;i<$trList.length-1;i++){
for(varj=0;j<$trList.length-1-i;j++){
varvalue1=parseInt($trList[j].attributes["data-sort-field-ftime"].nodeValue);
varvalue2=parseInt($trList[j+1].attributes["data-sort-field-ftime"].nodeValue);
if(sortType==="asc"?value1>value2:value1tbody").empty());
}
以上就是jquery对table做排序操作的详细内容啦，希望对大家有所帮助，也希望大家继续支持毛票票~
热门推荐
10 小红书平安祝福语简短
11 生日祝福语大全女孩简短
12 收生日红包祝福语 简短
13 领证幽默祝福语简短
14 法考面试祝福语简短
15 老哥出门祝福语简短语
16 送灯祝福语简短独特
17 幼儿狗年祝福语大全简短
18 好听的元旦简短祝福语