根据table的不同列排序

最新推荐文章于 2024-01-31 18:01:15 发布

赛懵疑

最新推荐文章于 2024-01-31 18:01:15 发布

阅读量559

点赞数

CC 4.0 BY-SA版权

分类专栏：算法 js 文章标签：排序

本文链接：https://blog.youkuaiyun.com/qq_30422457/article/details/81173661

js 同时被 2 个专栏收录

19 篇文章

订阅专栏

算法

3 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，用于对网页中的表格数据进行排序。该函数可以根据不同的字段（如ID、价格、销量）以及升序或降序的方式对数据进行重新排列。通过对表格元素的操作，实现了灵活的数据展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function sort(type, order) { 
    var table_tbody=document.getElementsByTagName("tbody")[0]; 
    var table_tr = table_tbody.getElementsByTagName("tr"); 
    var tempArr = [];     
    var temp_tr_arr = [];     
    var m = 0;
    
    if (type === "id") { 
        m = 0; 
    } else if (type === "price") { 
        m = 1; 
    } else if (type === "sales") { 
        m = 2; 
    }
    
    for (var i = 0; i < table_tr.length; i++) {
	    tempArr.push(table_tr[i].getElementsByTagName("td")[m].innerHTML);
    	    temp_tr_arr.push(table_tr[i].cloneNode(true));
    };

    var tr_length = table_tr.length;
    for (var x = 0; x < tr_length; x++) {
	    table_tbody.removeChild(table_tbody.getElementsByTagName("tr")[0]);
    }

    if (order === "asc") {
	    tempArr.sort(function(a, b) {
		    return a - b;
	    });
    } else if (order === "desc") {
    	tempArr.sort(function(a, b) {
    		return b - a;
    	});
    }

    for (var k = 0; k < tempArr.length; k++) {
    	for (var vv = 0; vv < temp_tr_arr.length; vv++) {
    		if (tempArr[k] == temp_tr_arr[vv].getElementsByTagName("td")[m].innerHTML) {
    			table_tbody.appendChild(temp_tr_arr[vv]);
    		}
    	}
    }
    
}