表格只对第一个字符进行排序。
创始人
2024-12-10 09:30:19
0

使用JavaScript的sort()方法来对表格进行排序,针对需要排序的子项再使用localeCompare()方法对字符串进行比较。

以下是示例代码:

HTML代码:

Name Age Country
John 20 USA
Alice 25 Canada
Bob 30 UK

JavaScript代码: function sortTable(n) { var table, rows, switching, i, x, y, shouldSwitch, dir, switchcount = 0; table = document.getElementById("myTable"); switching = true; dir = "asc"; while (switching) { switching = false; rows = table.rows; for (i = 1; i < (rows.length - 1); i++) { shouldSwitch = false; x = rows[i].getElementsByTagName("td")[n]; y = rows[i + 1].getElementsByTagName("td")[n]; if (dir == "asc") { if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) { shouldSwitch = true; break; } } else if (dir == "desc") { if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) { shouldSwitch = true; break; } } } if (shouldSwitch) { rows[i].parentNode.insertBefore(rows[i + 1], rows[i]); switching = true; switchcount ++; } else { if (switchcount == 0 && dir == "asc") { dir = "desc"; switching = true; } } } }

在HTML中的表格标签中添加onclick事件,将需要排序的列的索引传递到sortTable()函数中。函数中的核心是while循环,一遍遍地比较表格中相邻的两行,并根据需要切换它们的位置。在比较字符串时,使用localeCompare()方法代替普通的字符串比较。最终

相关内容

热门资讯

推荐十款!poker worl... 推荐十款!poker world辅助器,xpoker辅助助手,wepoke教程(有挂解说)1、pok...
一分钟揭秘!哈糖大菠萝怎么开挂... 一分钟揭秘!哈糖大菠萝怎么开挂,sohoo辅助,必胜教程(有挂教程)暗藏猫腻,小编详细说明哈糖大菠萝...
攻略讲解!we poker免费... 攻略讲解!we poker免费辅助器(透视脚本)详细透视辅助黑科技(好像是真的有挂)亲,关键说明,w...
重大通报!聚星ai辅助工具收费... 重大通报!聚星ai辅助工具收费多少(透视脚本)详细透视辅助机制(确实真的是有挂)1、聚星ai辅助工具...
终于知道!xpoker辅助怎么... 终于知道!xpoker辅助怎么用,拱趴大菠萝作弊方法,可靠教程(有挂介绍)1、首先打开拱趴大菠萝作弊...
教学盘点!epoker免费透视... 教学盘点!epoker免费透视脚本,xpoker怎么作弊,玩家教你(有挂攻略);亲,关键说明,epo...
我来教教大家!xpoker透视... 我来教教大家!xpoker透视辅助(透视脚本)详细透视辅助挂(好像是真的有挂)1、每一步都需要思考,...
今日百科!德州之星扫描器,约局... 今日百科!德州之星扫描器,约局吧德州真的有透视挂吗,新2025教程(有挂技巧)在进入约局吧德州真的有...
玩家必看科普!德州透视脚本,x... 玩家必看科普!德州透视脚本,xpoker辅助助手,攻略方法(有挂解密);1、上手简单,内置详细流程视...
八分钟德州局透视!德州辅助工具... 八分钟德州局透视!德州辅助工具到底怎么样,智星德州辅助译码插件靠谱吗,详细教程(有挂方法);1、该软...