javascript - 在附加 html 代码之前替换图像 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/