Eu estou querendo usar o jQuery para envolver uma mailto: anchor em torno de um endereço de email, mas também está agarrando 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">
    [email protected]    </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%[email protected]%20%20%20%20">
    [email protected]    </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.