13518219792
使用jQuery怎么实现一个表格前端排序功能？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
成都创新互联专业为企业提供城东网站建设、城东做网站、城东网站设计、城东网站制作等企业网站建设、网页设计与制作、城东企业网站模板建站服务，十多年城东做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
1.初始化方法
(function($){
//插件
$.extend($,{
//命名空间
sortTable:{
sort:function(tableId,Idx){
var table = document.getElementById(tableId);
var tbody = table.tBodies[0];
var tr = tbody.rows;
var trValue = new Array();
for (var i=0; i0){
var num1 =value1.substring(0,index1);
var num2 =value1.substring(index1+1,value1.length-1);
var num3 =value2.substring(0,index2);
var num4 =value2.substring(index2+1,value2.length-1);
if(parseFloat(num1)>parseFloat(num3)){
return 1;
}
if(parseFloat(num1)0){
for(var k=arrtotal.length; k<0; k-- ){
tbody.appendChild(trValue[arrtotal[k]]);
}
}
//tbody.appendChild(trValue[index]);
tbody.appendChild(fragment); //将排序的结果替换掉之前的值
tbody.sortCol = Idx;
}
}
});
})(jQuery); 2.页面函数
function desc_change(id,str){
$("#desc_1").html("日期");
$("#desc_2").html("ID");
$("#desc_3").html("类别");
$("#"+id).html(str);
}
function desc(id,str){
var htmlstr =$("#"+id).text().trim();
var c =str;
if(htmlstr==str){
c=str+'↓';
$("#"+id).html(c);
}else if(htmlstr==str+'↓'){
c=str+'↑'
$("#"+id).html(c);
}else if(htmlstr==str+'↑'){
c=str+'↓'
$("#"+id).html(c);
}
desc_change(id,c)
}3.DOM结构
