javascript - HTMLコードを追加する前にImage srcを置き換えます

Question

私はjsにhtmlコンテンツ変数を持っています

var htmlIs = '<p><img src="images/stories/fight_bpl.jpg" /></p>';

そして、それをdivに追加しています

    $("#divId").append(htmlIs); 

しかし、ここではsrcを置き換えたいだけですコンテンツを追加する前にここに外部画像リンクを追加したいのですが、どうすればこれを行うことができますか?

Answer 1

jQueryオブジェクトを作成できます。

$(htmlIs).find('img').attr('src', 'url').end().appendTo('#divId');

http://jsfiddle.net/BdnYd/

複数の画像の場合：

var htmlIs = '<p><img src="images/stories/img_1.jpg" /><img src="images/stories/img_2.jpg" /></p>';

var urls = ['url1', 'url2']
$(htmlIs).find('img').each(function(i){
    $(this).attr('src', urls[i])
}).end().appendTo('#divId');

http://jsfiddle.net/TUFcX/