Question

here is my sample html which is stored in a variable.

var sHtml=''
sHtml='<div class="diagnostic_picture"><img src="test1.gif" /></div>';
sHtml=sHtml + '<div class="diagnostic_picture"><img src="test2.gif" /></div>';
sHtml=sHtml + '<div class="diagnostic_picture"><img src="test3.gif" /></div>';

now i want to know how could i add another attribute called delaySrc to all the images which is stored as html in a variable.

please help me to achieve it using jquery. thanks

Answer 1

You can try this:

$(sHtml).find('img').each(function() {
    $(this).prop('delaySrc', 'something');
    alert($(this).prop('delaySrc')); // just for ensure
});

DEMO