jquery - 奇怪的行为-jQuery .html()导致换行符在IE8的<pre>元素中丢失

我有一些pre元素，其格式如下：

<pre id="code1">Some
formatted
code</pre>

<pre id="code2">Some more
formatted
code</pre>

如果我将以下内容应用于第一个pre元素：

$('#code1').html($('#code1').html());

在IE8中，这会导致换行符丢失，结果如下所示：

Some formatted code

Some more
formatted
code

在Chrome中，上述jQuery不会产生您所期望的效果。

示例：http://jsfiddle.net/6mkAa/

有谁知道是什么原因导致IE中这种奇怪的行为？我想编辑pre元素的内容，而不会在过程中丢失格式。

最佳答案

您可以尝试.text()：

http://jsfiddle.net/6mkAa/6/

$('#code1').text($('#code1').text());

关于jquery - 奇怪的行为-jQuery .html()导致换行符在IE8的<pre>元素中丢失，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12085439/