jQuery로 텍스트를 가져올 때 공백을 어떻게 제거합니까?

jQuery로 텍스트를 가져올 때 공백을 어떻게 제거합니까?

저는 jQuery를 사용하여 이메일 주소에 닻을 내리고 싶지만, CMS가 생성하는 화이트페이스도 포착하고 있습니다.

여기 제가 작업해야 하는 HTML이 있습니다. 제가 가지고 있는 스크립트와 출력물의 복사본입니다.

HTML

<div class="field field-type-text field-field-email">
  <div class="field-item">
    name@example.com    </div>
</div>

jQuery 자바스크립트

$(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에서는 작동하지 않습니다.이전 브라우저를 지원해야 하는 경우 Tuxmentats 또는 Paul의 답변을 사용합니다.

실제로 jQuery에는 트림 기능이 내장되어 있습니다.

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

자세한 내용은 여기를 참조하십시오.

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

언급URL : https://stackoverflow.com/questions/360491/how-do-i-strip-white-space-when-grabbing-text-with-jquery