使用jQuery抓取文本时如何剥离空格？

Question

我想使用jQuery来封装一个mailto:锚定一个电子邮件地址,但它也抓住了CMS正在生成的空白区域.

这是我必须使用的HTML,我拥有的脚本和输出的副本.

HTML

<div class="field field-type-text field-field-email">
  <div class="field-item">
    name@example.com    </div>
</div>

jQuery JavaScript

$(document).ready(function(){
  $('div.field-field-email .field-item').each(function(){
    var emailAdd = $(this).text();
      $(this).wrapInner('<a href="mailto:' + emailAdd + '"></a>');
   });
 });

生成的HTML

<div class="field field-type-text field-field-email">
  <div class="field-items"><a href="mailto:%0A%20%20%20%20name@example.com%20%20%20%20">
    name@example.com    </a></div>
</div>

虽然我怀疑其他人在阅读这个问题时可能只想剥离领先和拖尾的空白,但我很高兴失去所有的空白,因为它是我正在包装的电子邮件地址.

Answer 1

使用replacejs中的函数:

var emailAdd = $(this).text().replace(/ /g,'');

这将删除所有空格

如果你想删除的开头和结尾的空白只使用jQuery的$ .trim方法:

var emailAdd = $.trim($(this).text());

Answer 2

Javascript内置修剪:

str.trim()

它在IE8中不起作用.如果您必须支持旧浏览器,请使用Tuxmentat或Paul的答案.

Answer 3

实际上,jQuery有一个内置的trim功能:

 var emailAdd = jQuery.trim($(this).text());

详情请见此处.

Answer 4

str=str.replace(/^\s+|\s+$/g,'');