作者：whisper

链接：http://proprogrammar.com:443/article/681

声明：请尊重原作者的劳动，如需转载请注明出处

有些时候对于页面输入的内容，如用户的评论，会是html格式的内容，我们在保存到数据库的时候会进行转义，例如

存到数据库的内容是

<p><strong><u><span style="color:#f39c12">我是一只小小鸟</span></u></strong></p>

转义内容还原为html

这时如果想在页面上正确显示html内容，就要经过一定的处理，主要通过jquery的两个方法

html(), text()，如数据库中存了

<h1>标题</h1>

在页面上如何显示成一个h1的标题呢，通过下面的方式

$(ele).html($("<div>").html("<h1>标题</h1>").text())

这样ele元素的内部html就变成了<h1>标题</h1>，即ele元素内就会显示一个h1样式的标题两个字

解释一下$("<div>").html("<h1>标题</h1>").text()

首先通过html方法把

<h1>标题</h1>

解释成html的内容，即

<h1>标题</h1>

注意上面还只是一段文本，再通过text方法取出这段文本，并做为ele元素的内部html

对上面例子，显示的效果就是下面这样的

html内容转义

同理我们还可以将一段html内容进行转义，还是上面的

<h1>标题</h1>

如何变成

<h1>标题</h1>

可以这样

$("<div>").text("<h1>标题</h1>").html();

首先用text方法将html内容作为文本，这段文本在html页面下的内容就是下面这样的

<h1>标题</h1>

亲爱的读者：有时间可以点赞评论一下