jquery - 使用 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

在js中使用replace函数:

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

这将删除所有空格

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

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