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