ie jquery html() text(),Jquery .html()和.text()删除IE7和IE8中的额外空格

博客探讨了浏览器如何处理连续的空格和制表符,以及如何使用CSS属性`white-space: pre;`来保留空白区域。文章通过一个JSFiddle示例展示了即使应用该CSS,复制内容时仍无法保持空白。提出了解决方案,即以JSON格式存储DOM数据,并动态生成HTML表单以保持原始格式。这种方法在处理包含多个空格和特殊格式的数据时特别有用。
摘要由CSDN通过智能技术生成

问题在于,从技术上讲,浏览器只应在遇到一系列空白时才渲染空间.因此,一系列空格和制表符将在内容中呈现单个空格.

通常为了防止这种情况,你会使用:

white-space: pre;

保留所有空白区域.

问题是,即使您将此CSS应用于原始内容区域,它也不会在复制内容时保留空白区域(尽管如果您显示隐藏内容,它会在显示中显示). Example on JS Fiddle.

也许你可以使用更多的数据格式来存储DOM中的数据?

例如:

{

salesArea: "560 sq ft (52.02 m²)",ancillaryStorage: "678 sq ft (62.99 m2)",notes: "separate W.C./Cloakroom",total: "1,238 sq ft (115.00 m2)"

}

然后,你可以使用这些数据,因为你可以使用这些数据……在JSON website的帮助下.

例如,您可以创建一个具有正确输入的表单(这只是一个示例,因此设计不多,它只显示可能的内容).

var originalContent = $("#contentTextOriginal").text();

var jsonData = eval('(' + originalContent + ')');

var dynamicForm = '';

for (var key in jsonData) {

if (jsonData.hasOwnProperty(key)) {

dynamicForm += '

' + key + '

';

}

}

$("#contentTextOriginal").after(dynamicForm);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值