come posso rimuovere uno spazio bianco quando afferro il testo con jQuery?

Voglio usare jQuery per racchiudere un mailto: anchor attorno a un indirizzo e-mail, ma sta anche afferrando lo spazio bianco che il CMS sta generando.

Ecco l'HTML con cui devo lavorare, lo script come ho e una copia dell'output.

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 generato

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

Anche se sospetto che gli altri che leggono questa domanda potrebbero voler eliminare lo spazio bianco iniziale e di coda, sono abbastanza felice di perdere tutto lo spazio bianco considerando che è un indirizzo email che sto avvolgendo.

Utilizzare la replacefunzione in js:

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

Ciò rimuoverà tutti gli spazi

Se si desidera rimuovere solo lo spazio bianco iniziale e finale , utilizzare il metodo jQuery $ .trim:

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

Javascript ha incorporato trim:

str.trim()

Non funziona in IE8. Se devi supportare i browser più vecchi, usa la risposta di Tuxmentat o Paul .

In realtà, jQuery ha una funzione di ritaglio integrata:

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

Vedi qui per i dettagli.

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