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/