Eu estou querendo usar o jQuery para envolver um mailto: anchor em torno de um endereço de email, mas também está pegando o espaço em branco que o CMS está gerando.
Aqui está o HTML com o qual tenho que trabalhar, o script como o tenho e uma cópia da saída.
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 gerado
<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>
Embora eu suspeite que outras pessoas que estão lendo esta pergunta possam querer apenas remover o espaço em branco inicial e final, fico feliz em perder todo o espaço em branco, considerando que é um endereço de e-mail que estou inserindo.