Question

I need to replace a list of image src in a div tag.
For instance :

<!-- language-all: lang-html -->  
<div id="Listofimages">
    <img src="images\2page_img_3.jpg">
    <img src="images\2page_img_3.jpg">
    <img src="images\2page_img_3.jpg">
</div>

So here i want to change these 3 image source.

Answer 1

Another Demo http://jsfiddle.net/ac52D/

Good read: http://api.jquery.com/prop/

Little explanation:

below code takes all the img tag inside div with id Listofimages and changes its img src.

The demo contains before and after alerts.

Hope this helps,

code

var src = "google.com";
$('#Listofimages img').each(function(){
         alert("IMG Source before change => " + $(this).prop('src'));
         $(this).prop('src', src);
        alert("IMG Source After change => " + $(this).prop('src'));
    }
);​

HTML

 <div id="Listofimages">
     <img src="images\2page_img_3.jpg"/>
     <img src="images\2page_img_3.jpg"/>
     <img src="images\2page_img_3.jpg"/>
</div>

​