如何在将文本附加到div之间的标题之前删除HTML中div之间的空白区域

Question

我觉得答案是jquery中的.trim工具，但我不确定如何执行它。

我有一个看起来像这样的HTML文档

<div class='title'>
Title
</div>

当我向标题添加描述时，它看起来仍然很棒

$( ".title" ).append( " - Description" );

标题 - 说明

问题是我将文本传递给我得到的网址

感兴趣=标题％0A％20％20％20％20％20％20％20％20％20％20％20％20％20％20％20％20％20-％20Description

当我想检索'兴趣'的值时，我有大量的垃圾。有人可以帮我解决我的问题。

谢谢

Answer 1

您可以使用正则表达式删除重复的空格。我假设你使用text（）来获取内容。

var str = $( ".title" ).text().replace(/\s+/g," ");

jQuery的修剪只是为了清理两端的空白。您也可以在这里使用它。

var txt = $( ".title" ).text()
var str = $.trim(txt.replace(/\s+/g," "));

Answer 2

那将是修剪的使用:(你说你不确切知道如何使用）;

var text = $(".title").text().trim();
$(".title").text(text + " - Description");