JQuery Replace String In Attribute

Question

I am trying to change the string within an attr('src') in just the beginning of the address, and after the replacement, it keeps the latter information. Here's the html:

<img src="../folder1/folder2/folder3/picture.png" />

<img src="../folder1/folder2/folder3/picture2.png" />

It would need to perform this after pageload, here's my existing script/scripts:

$(document).ready(function(e) {
    // this is one attempt
    $('img').each(function() {
        var src = $(this).attr('src');
        $(this).ready(function() {
            $(this).attr('src', src.replace('../', '/'));
        }, function() {
            $(this).attr('src', src);
        });
    });

    // this is another attempt, not both used at the same time
    $('img').attr('src').replace('../', '/');

    // I also tried this
    $('img').each(function() {
        if($(this).attr('src') == '../') {
            $(this).attr('src', '/');
        };
    });
});

The overall goal is to produce this result:

<img src="/folder1/folder2/folder3/picture.png" />

<img src="/folder1/folder2/folder3/picture2.png" />

this.src, don't need the extra jquery objects

Smern
– Smern

2016-01-22 20:51:49 +00:00
Commented Jan 22, 2016 at 20:51 — Smern
– Smern, Commented Jan 22, 2016 at 20:51

tymeJV · Accepted Answer · 2016-01-22 20:51:31Z

4

You have to get the current src - update it, then re-assign it:

$('img').attr('src', function(index, src) {
    return src.replace('../', '/')
})

answered Jan 22, 2016 at 20:51

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

1 Comment

marcwebdude Over a year ago

my data server went down, your solution works in a small jsfiddle, I'll flag as answer as soon as I can test on the server :)

Collectives™ on Stack Overflow

JQuery Replace String In Attribute

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related