Question

This is going to seem a very strange question but im just playing about and i’m wondering if its at all possible.

I have a page containing images all within links, I want to use jquery to find ‘X’ in the location of its parent link and replace the image source with that number.

If this doesnt make sense Ive created a fiddle to try and explain things further.

I know this is a strange question and its not going to make sense, but can it be done?

http://jsfiddle.net/qZ5AZ/

Answer 1

Do it something like this: http://jsfiddle.net/qZ5AZ/1/

$("a img").attr("src", function() {
    var theSrc = new RegExp("[\\?&]p=([^&#]*)").exec($(this).parent()[0].href)[1];
    this.src = theSrc +".jpg";
});

And of course you really need to return the value: http://jsfiddle.net/qZ5AZ/9/

$("a img").attr("src", function() {
    var theSrc = new RegExp("[\\?&]p=([^&#]*)").exec($(this).parent()[0].href)[1];
    return theSrc +".jpg";
});

See more about the query string:

How can I get query string values in JavaScript?