使用jquery/javascript：如何在不编辑html的情况下删除空格并保留分隔符

我曾尝试实施的解决方案，但没有成功，我尝试了许多方法来解决我的问题。在我下面的代码中，我可以得到这个壁橱，即使这样，它也不是我想要的

努力实现：

• 我从一个div复制html并将其放在一个textrea中
• 我去掉html，但保留换行符

然而，由于html是从第三方网站使用的，我无法控制“html”的结构方式。就像代码中看到的额外空格一样。以下代码在textarea中应该是漂亮整洁的，如下所示：

Textarea数据的格式应如下所示：

产品详情：

项目编号：000800209270

品牌：尼康

型号：D3500

颜色：黑色

镜头数目：2个

这款尼康D3500相机机身配有 尼康18-55mm 1:3.5-5.6G VR镜头 尼康70-300mm 1:4.5-6.3G ED VR镜头 1个电池和充电器

快门数：426

相机和两个镜头都处于完美的工作状态，几乎没有任何可见的磨损（请参见照片）

有关此项目或您可能见过的任何其他项目的更多信息，请随时向我发送电子邮件，我将尽快回复

功能条（）{
$（“#pstad descrptn”）.text（$（“#项目信息容器”）.text（）；
设置超时(
函数（）{
jQuery.fn.cleanWhitespace=函数（）{
this.contents（）.filter(
函数（）{return（this.nodeType==3&&！/\S/.test（this.nodeValue））；}）
.remove（）；
归还这个；
}
$（“#项目信息容器”）.cleanWhitespace（）；
$（“#pstad descrptn”）.cleanWhitespace（）；
}, 200 );
};

产品详细信息：
项目编号：000800209270
品牌：尼康
型号：D3500
颜色：黑色>镜头数量：2个
这款尼康D3500相机机身配备尼康18-55mm 1:3.5-5.6G VR镜头
尼康70-300mm 1:4.5-6.3G ED VR镜头
1电池和；充电器。

快门数：426

相机和两个镜头都处于完美的工作状态，几乎没有任何可见磨损（请参见照片）。

有关此项或您可能看到的任何其他项目的更多信息，请随时向我发送电子邮件，我将尽快回复。


您只需使用
innerText


功能条（）{
document.querySelector（“#pstad descrpt”）.value=
document.querySelector（“#项目信息容器”）.innerText
};

产品详细信息：
项目编号：000800209270
品牌：尼康
型号：D3500
颜色：黑色>镜头数量：2个
这款尼康D3500相机机身配备尼康18-55mm 1:3.5-5.6G VR镜头
尼康70-300mm 1:4.5-6.3G ED VR镜头
1电池和；充电器。

快门数：426

相机和两个镜头都处于完美的工作状态，几乎没有任何可见磨损（请参见照片）。

有关此项或您可能看到的任何其他项目的更多信息，请随时向我发送电子邮件，我将尽快回复。


有人在没有阅读我的问题的情况下编辑了html代码，并删除了否定我问题的所有空格？我必须处理代码中有空格的html。问题是如何使用jquery/javascript删除html中的这些空格。我已经将它回滚到我的原始代码。谢谢你太棒了太谢谢你了@apple有没有办法让它们之间没有一条线？因为我希望预描述是一个代码块，没有空格，只有换行符。然后在镜头数量之后：2。。那就是有一个