trim对应正则下几种写法的区别

最新推荐文章于 2022-06-21 09:31:54 发布

最新推荐文章于 2022-06-21 09:31:54 发布 · 202 阅读

文章标签：

本文深入分析了jQuery不同版本中trim方法的实现差异，通过具体实例展示了如何在特定环境下处理表格中空白符的问题，并提供了解决策略。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title></title> <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript"> //本文写于这样的一种环境下: //前提: 系统要求用jquery1.3.2 //某一表格, 要求在一行中, 在没有文本的情况下, 做一些处理. //这个好办, 取tr的text, 再用jquery的trim //在FF下是可行的, 但在IE下, 无法trim , //怎么回事呢? 原来是jquery1.3.2的trim有缺陷, 无法识别形成的空白符. //试了试其它高版本的jquery, 又可行了, 很想弄清这些东东的区别, 于是就有这此文. //JQuery1.3.2 ( 传统的 String.prototype.trim ) String.prototype.trim = function () { //return this.replace(/[(^\s+)(\s+$)]/g,"");//会把字符串中间的空白符也去掉 //return this.replace(/^\s+|\s+$/g,""); // return this.replace(/^\s+/g, "").replace(/\s+$/g, ""); } //JQuery1.4.2 // \s : 任意空白符; // \u00A0 : ascii码中的空白符 // ^ : 字符串的开始 // $ : 字符串的结束 // /g : 全局匹配. 因为一个正则表达式只能进行一次匹配,(\s|\u00A0)+匹配了前面的空格后就退出了 // 开头是(任意的空白符或者ascii码中的空白符)重复一次或者多次, //或者结尾是(任意的空白符或者ascii码中的空白符)重复一次或者多次 String.prototype.trim2 = function () { return this.replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g, ''); } //JQuery1.4.3 :不用全局匹配, 效率有所提升 String.prototype.trim3 = function () { return this.replace(/^(\s|\u00A0)+/, '').replace(/(\s|\u00A0)+$/, ''); } $(function () { var arr = []; arr[0] = $("#tab1 tr:eq(0)").text().trim(); arr[1] = $("#tab1 tr:eq(1)").text().trim2(); arr[2] = $("#tab1 tr:eq(2)").text().trim3(); for (var i in arr) { alert("["+arr[i] + "]"); } }); </script> </head> <body> <table id="tab1" border="1" cellpadding="1" cellspacing="1"> <tr><td> 第一行:01/01/2001</td><td> </td><td> </td></tr> <tr><td> 第二行:02/02/2002</td><td> </td><td> </td></tr> <tr><td> 第三行:03/03/2003</td><td> </td><td> </td></tr> </table> </body> </html>