jQuery - Alter URL on Click

Question

I've grabbing the URL of a thumbnail when clicking on it and adding it to another image in the HTML:

$('#result .thumb').live('click', function() {
    var newImgSrc = this.src;
    $("#thumbnail").attr("src", newImgSrc);             
});

However I want to alter the URL that gets sent, it currently looks something like:

...com/4100/5412955054_45ce3a897e_s.jpg

I want to remove _s from the very end of the URL. Can I do this in jQuery or Javascript?

Benubird · Accepted Answer · 2011-02-03 10:00:55Z

1

Yes, use replace() function.

newImgSrc = newImgSrc.replace(/_s\.jpg/,'.jpg');

answered Feb 3, 2011 at 9:51

Benubird

19.7k28 gold badges97 silver badges148 bronze badges

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

1 Comment

+1 for the answer, although I think it should be: newImgSrc = newImgSrc.replace(/_s\.jpg/,'.jpg'); - as the "_s" should be removed.

Radek · Accepted Answer · 2011-02-03 09:51:07Z

0

JavaScript's replace method + regex. Or slicing two last chars before dot and extension.

answered Feb 3, 2011 at 9:51

Radek

8,3614 gold badges34 silver badges42 bronze badges