Jquery选中表格一列并对表格排序实现原理_jquery

在前端对表格排序的Jquery插件有很多，功能也很强大，比如说Jquery Data Tables对表格的处理就相当强大，可对表格进行排序，搜索，分页等操作，不过没有仔细研究过其实现原理。

为了更好的理解在前端对表格进行排序的原理，也为了进一步的学习Jquery，所以决定用Jquery来实现一个对表格进行排序的小功能。

该实现的主要思想是：获取鼠标点击的表头单元格的列号，遍历数据行，获取每个中的html，同时获取每个标签下对应获取到的列号的标签中的内容，并取得标签的type属性值，将获取的html、的内容和的type属性值拼接成字符串添加到数组array中，然后将表格中的html全部置空，根据type属性值的不同采用不同的方法对的内容进行比较，根据比较结果对数组array进行排序，然后将排序后的数组元素重新赋值给已经置空的。如果已经对该列排序过了，则直接对数组进行倒置。提供数值、字符串以及IP地址三种类型的排序规则。字符串类型排序规则采用javascript的localeCompare方法，该方法支持汉字字符串的排序，遗憾的是该方法不兼容谷歌浏览器。所以在谷歌浏览器上汉字字符串的排序结果会不正确。

HTML代码清单：