javascript显示htmlentities标签

Question

var foo = $('.imgEscape').text();
foo = foo.replace("&lt;img src=&quot;", "<img src='");
foo = foo.replace("&quot; /&gt;", "' />");
$('.imgEscape').text(foo);//will display as string
$('.imgEscape').html(foo);//will display all html tag

&lt;img src=&quot;https://www.google.com.tw/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png&quot; /&gt;
&lt;b&gt;abc&lt;/b&gt

我有一个页面后端输出数据作为 htmlspecialcharacter。

我想用js来替换一些标签(例如img标签)

所以我仍然可以显示图像

我的问题是如果我使用 html() , 它将显示所有元素。

我只想显示图片 ( <img> ... &lt;b&gt;abc&lt;/b&gt )

有人知道怎么做吗？

Answer 1

text()方法返回解析后的文本数据，所以 String#replace方法什么都不做，因为内容是解析过的字符串。相反，您需要使用 html() 获取实际的 HTML 内容内容方法。

var foo = $('.imgEscape').html();
// update here -----------^^^^^^----
foo = foo.replace("&lt;img src=&quot;", "<img src='");
foo = foo.replace("&quot; /&gt;", "' />");
$('.imgEscape').html(foo);