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做排序操作的详细内容啦,希望对大家有所帮助,也希望大家继续支持毛票票~