Juery解决tablesorter中文排序和字符范围的方法
更新时间：2015年05月06日 15:03:52 作者：kinmin2012
这篇文章主要介绍了Juery解决tablesorter中文排序和字符范围的方法,实例分析了jQuery针对tablesorter中文排序和字符范围的解决方法,需要的朋友可以参考下
本文实例讲述了Juery解决tablesorter中文排序和字符范围的方法。分享给大家供大家参考。具体分析如下：
tablesorter是jQuery插件中比较优秀的一款表格排序插件，我相信大家都使用过或有所耳闻，我在这里就不过多介绍了，详细信息可以看看官方网站：http://tablesorter.com/docs/（其中的demo做得比较完整）。
在使用了tablesorter开发的几个项目中，发现了两种类型的排序存在问题，如下：
第一个问题是无法对中文字符进行排序，这是因为在对字符排序时，是使用的unicode值进行的字符大小比较，代码如下：
Js代码
function sortText(a,b) {
return ((a < b) ? -1 : ((a > b) ? 1 : 0));
};
function sortTextDesc(a,b) {
return ((b < a) ? -1 : ((b > a) ? 1 : 0));
};
function sortText(a,b) {
return ((a < b) ? -1 : ((a > b) ? 1 : 0));
};
function sortTextDesc(a,b) {
return ((b < a) ? -1 : ((b > a) ? 1 : 0));
};
而我们想要得到的结果是按汉字拼音进行顺序进行排序，因此我们将代码修改为以下代码即可：
Js代码
function sortText(a,b) {
return a.localeCompare(b);
};
function sortTextDesc(a,b) {
return b.localeCompare(a);
};
function sortText(a,b) {
return a.localeCompare(b);
};
function sortTextDesc(a,b) {
return b.localeCompare(a);
};
localeCompare方法是JS自带的方法，不用多说，望文生义就知道这个方法是根据当前区域下对字符的大小进行比较，不过这个方法无法处理多音字。
第二个问题是无法对超出了范围的数值型数据进行排序，这是因为在进行数值类型转换时，存在数据值失真的情况，例如：
Js代码
alert(parseFloat('9999999999999999')); // 10000000000000000
alert(parseFloat('10000000000000001')); // 10000000000000000
alert(parseFloat('10000000000000004')); // 10000000000000004
alert(parseFloat('10000000000000005')); // 10000000000000004
alert(parseFloat('10000000000000006')); // 10000000000000006
alert(parseFloat('9999999999999999')); // 10000000000000000
alert(parseFloat('10000000000000001')); // 10000000000000000
alert(parseFloat('10000000000000004')); // 10000000000000004
alert(parseFloat('10000000000000005')); // 10000000000000004
alert(parseFloat('10000000000000006')); // 10000000000000006
这样的偏差会使得排序结果不准确，为了避免这种问题，应该不使用原始值进行比较，而是应该引入权值，数值从左到右，每一位数值对应的权值递减，然后根据权值和原始值计算出的新值用于比较，这就只需要修改formatFloat方法就能解决这个问题了。
Js代码
this.formatFloat = function(s) {
// TODO
var i = parseFloat(s);
return (isNaN(i)) ? 0 : i;
};
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
jQuery中图片展示插件highslide.js的简单dom
Highslide是一个非常美观的图片灯箱插件，下面这篇文章主要给大家介绍了关于jQuery中图片展示插件highslide.js的简单dom，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2018-04-04
jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号，这样就会发生名称冲突，使用名为 noConflict() 的方法来解决该问题2013-04-04
这篇文章主要介绍了jQuery选择器之层次选择器用法,结合实例形式分析了jQuery后代元素选择器、子元素选择器、相邻元素选择器、兄弟元素选择器等相关使用技巧,需要的朋友可以参考下2019-02-02
jQuery .attr()和.removeAttr()方法操作元素属性示例
本文为大家详细介绍下如何使用jQuery的.attr()和.removeAttr()方法读取，添加，修改，删除元素的属性，不会的朋友可以参考下哈，希望对大家有所帮助2013-07-07
这篇文章主要介绍了Jquery实现仿京东商城省市联动菜单的简单实例演示，可以选择对应省、市、县，希望大家可以喜欢。2015-11-11
UI Layout是一种基于jQuery的布局框架，其核心是一个大小自适应的中心面板，面板的上下左右四个方向可以放置可折叠、可缩放的面板，感兴趣的朋友可以参考下哈2013-04-04
这篇文章主要介绍了jquery实现增加删除行的方法,涉及表格中行的增加与删除技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了jQuery $.extend()用法,需要的朋友可以参考下2014-06-06
性能优化遇到很多细节问题(for与each性能比较)记录下来分享给大家，希望对你有所帮助2013-05-05
这篇文章主要为大家详细介绍了jQuery实现朋友圈查看图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
最新评论