ฉันจะตัดพื้นที่สีขาวเมื่อจับข้อความด้วย jQuery ได้อย่างไร

ฉันต้องการที่จะใช้ jQuery เพื่อห่อจดหมายไว้: ยึดไว้กับที่อยู่อีเมล แต่ก็ยังคว้าพื้นที่สีขาวที่ 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,'');