在追加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/