Question

I have couple of tags which has same “name” attribute. Something like this:

<img name="pic1" src="" />
<img name="pic1" src="" />
<img name="pic1" src="" />

Now, I would like to replace the src of all images which has same “name”. How can I do this using Jquery.

Thanks in advance.

Answer 1

First of all, you should not use the name attribute on images. Instead, use the class attribute.

Then you would do something like this:

$('img.someClassName').attr('src', '/images/foo.jpg');

If you would want to check the current source, you would have to take another approach:

$('img.someClassName').each(function() {
    // let's say we only want to alter the src
    // for images of ponies
    if ($(this).attr('src') == '/images/ponies.jpg') {
        // awesome pony detection algorithm triggered!
        $(this).attr('src', '/images/unicorn.jpg');
    }
});