如何阻止 jQuery 从 .html() .val() .text() 等格式化代码返回制表符和空格

Question

我有一个 html 表格：

<table><tr>
 <td>M1</td>
 <td>M2</td>
 <td>M3</td>
 <td>M4</td>
</tr></table>

和一个简单的 jQ 脚本：

$('td').click(function(){ alert( $(this).html() ); });

效果很好......但在现实世界中，我有数百个表格单元格，并且代码在某些地方的格式不正确，因为有几个人编辑了页。

因此，如果 html 是：

     <td>
                     M1         

             </td>

那么al​​ert() 就会给我所有制表符、回车符和空格：

Javascript Alert http:// bit.ly/9B0Xon

如何才能仅获取不包含制表符和空格的文本？我尝试过 .html()、.val()、.text() 无济于事。谢谢！

Answer 1

jQuery 有内置修剪函数，$.trim()，你可以像这样使用它：

$('td').click(function() {  alert( $.trim($(this).html()) ); });

Answer 2

Nick 和 Darin 发布了一种从内容的开头和结尾修剪空白的好方法，但如果中间有很多空白，请以此为例：

<div>
             M1
                                                  M2
     </div>

您可以使用此修剪所有空白组合：

$('div').click(function() {
 var html = $.trim($(this).html().replace(/(\s+)/g,' '));
 alert(html);
})

Answer 3

您可以修剪字符串：

String.prototype.trim = function () {
    return this.replace(/^\s*/, '').replace(/\s*$/, '');
};

并像这样使用它：

$('td').click(function() { 
    var html = $(this).html().trim();
    alert(html); 
});