テキストを検索して削除し、jqueryまたはjavascriptを使用して画像を挿入します。

Question

jqueryまたはjavascriptを使用してテキストを画像に置き換えようとしています。例えば

<div id="log"> 
<p>this is a :) happy face</p> 
<p>this is a :(sad face</p> 
<p>these are :/ x(:P other faces</p> 
</div> 

IVEは、いくつかのことを試みたが、私は文字列全体を交換してしまうか、ブラウザで画像をレンダリングし、代わりにHTML

this is a <img src="happy.png"> face 

これはチャットアプリケーションのイムですが表示されませんかあなたのコードのthatdヘルプのいくつかの説明を含めることができますので、もしいじりとイムかなり新しい:)

Answer 1

（jQueryのを使用して）次のようになります。

$('div#log').find('p').html(function(html) { 
    return html.replace(':)', '<img src="happy.png"/>'); 
}); 

これは明らかに少し洗練されています。たとえば、文字列を画像にリンクするルックアップオブジェクトを想像してみてください。

Answer 2

これを試しましたか？ここ

<div id="log"> 
<p id='my'>this is a :) happy face</p> 
<p>this is a :(sad face</p> 
<p>these are :/ x(:P other faces</p> 
</div> 

var p = $('#my').html(); 
var r = p.replace(':)', '<img src="happy.jpg">'); 
$('#my').html(r); 

フィドル：http://jsfiddle.net/PuDMx/