Question

I have a html content variable in js as

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

and I am appending it to the div using

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

but here I just want to replace the src want to add the external image link here before append the content so how can I do this?

Answer 1

You can create a jQuery object:

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

http://jsfiddle.net/BdnYd/

For multiple images:

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/