我想使用 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>
尽管我怀疑阅读此问题的其他人可能只想去掉前导和尾随空格,但考虑到这是我要包装的电子邮件地址,我很高兴丢失所有空格。
使用replacejs中的函数:
replace
var emailAdd = $(this).text().replace(/ /g,'');
这将删除所有空格
如果您只想删除前导和尾随空格,请 使用 jQuery $.trim 方法:
var emailAdd = $.trim($(this).text());