Как убрать пробел при получении текста с помощью jQuery?

Я хочу использовать 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>

Хотя я подозреваю, что другие, читающие этот вопрос, возможно, захотят просто убрать начальные и хвостовые пробелы, я очень рад потерять все пробелы, учитывая, что я обертываю адрес электронной почты.

Используйте replaceфункцию в js:

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

Это удалит все пробелы

Если вы хотите удалить только начальные и конечные пробелы , используйте метод jQuery $ .trim:

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

Javascript имеет встроенную отделку:

str.trim()

Это не работает в IE8. Если вам нужно поддерживать старые браузеры, используйте ответ Tuxmentat или Paul .

На самом деле, jQuery имеет встроенную функцию обрезки:

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

Смотрите здесь для деталей.

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