小编典典

使用 jQuery 抓取文本时如何去除空格?

all

我想使用 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>

尽管我怀疑阅读此问题的其他人可能只想去掉前导和尾随空格,但考虑到这是我要包装的电子邮件地址,我很高兴丢失所有空格。


阅读 119

收藏
2022-07-30

共1个答案

小编典典

使用replacejs中的函数:

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

这将删除所有空格

如果您只想删除前导和尾随空格,请 使用 jQuery $.trim 方法:

var emailAdd = $.trim($(this).text());
2022-07-30