¿Cómo elimino el espacio en blanco al tomar texto con jQuery?

Quiero usar jQuery para envolver un mailto: ancla alrededor de una dirección de correo electrónico, pero también está tomando el espacio en blanco que está generando el CMS.

Aquí está el HTML con el que tengo que trabajar, el script tal como lo tengo y una copia de la salida.

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 generado

<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>

Aunque sospecho que otras personas que lean esta pregunta tal vez quieran eliminar el espacio en blanco inicial y secundario, estoy bastante feliz de perder todo el espacio en blanco considerando que es una dirección de correo electrónico que estoy envolviendo.

Use la replacefunción en js:

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

Eso eliminará todos los espacios

Si desea eliminar solo los espacios en blanco iniciales y finales , use el método jQuery $ .trim:

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

Javascript ha incorporado en el ajuste:

str.trim()

No funciona en IE8. Si tiene que admitir navegadores antiguos, use la respuesta de Tuxmentat o de Paul .

En realidad, jQuery tiene una función de recorte incorporada:

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

Ver aquí para más detalles.

str=str.replace(/^\s+|\s+$/g,'');