javascript display 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として持っています。

私はそう、私は静止画

を表示することができます私の問題は、私はhtml()を使用している場合、それはすべての要素が表示されますです

いくつかのタグを置き換えるためのJSを使用したい（例：imgタグ）。

は私だけ（<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);