edit image src using jquery

Question

I want to edit src attribute of all my images. I actually want to remove remove "\test" from all the images src. I have tried replace and src.replace in jquery, but it didn't work out can. Please help how to do that.

$("img").each(function(){
            var srcVar = this.attr('src');
            this.attr('src', "http://www.abc.gr"+srcVar);
        });

+srcVar.split("/test")[1]

mplungjan
– mplungjan

2013-01-12 13:48:30 +00:00
Commented Jan 12, 2013 at 13:48 — mplungjan
– mplungjan, Commented Jan 12, 2013 at 13:48

ATOzTOA · Accepted Answer · 2013-01-12 13:49:43Z

1

Try this out...

$("img").each(function(){
    var srcVar = $(this).attr('src');
    srcVar = srcVar.replace("/test", "");
    $(this).attr('src', srcVar);
});

answered Jan 12, 2013 at 13:49

ATOzTOA

36.1k23 gold badges101 silver badges119 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

techfoobar · Accepted Answer · 2013-01-12 13:58:22Z

1

This should help you:

$("img").each(function(){

    // get the current source, replace the test string
    var srcVar = this.attr('src').replace('/test', '');

    // apply it back
    $(this).attr('src', srcVar);
});

edited Jan 12, 2013 at 13:58

answered Jan 12, 2013 at 13:48

techfoobar

66.8k14 gold badges117 silver badges138 bronze badges

Comments

AlecTMH · Accepted Answer · 2013-01-12 13:48:04Z

0

Use $(this) instead:

$("img").each(function(){
    var srcVar = $(this).attr('src').replace("/test", "");;
    $(this).attr('src', srcVar);
});

answered Jan 12, 2013 at 13:48

AlecTMH

2,82527 silver badges27 bronze badges

Collectives™ on Stack Overflow

edit image src using jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related