Change hyperlinks dynamically using jquery

Question

Hi,

I want to change the param of link dynamically.

For e.g.

1. Link1
2. Link2
3. Link3

by default their url is ?item=text i.e. for link1(href="?item=link1") etc.. but when i click link1 the url of link2 and link3 should be link2(?item=link2&item=link1) link3(?item=link3&item=link1)

any idea how to acheive this?

Thanks,

Answer 1

Invoke jQuery something like the following:

$("my#links").attr("href", "new/href/value");

You'll need to write a function to calculate the new value of href for each link, of course.

Answer 2

Assuming all the links have a class of superspeciallink, this should work:

$('a.superspeciallink').bind('click', function(){
    var querystring = this.search; // The search property of links gives you the querystring section of their href
    var originalhref = this.href;

    $('a.superspeciallink').each(function(){
        if(this.href != originalhref) {
            this.href = this.href + '&' + querystring.slice(1);
        }
    });

    return false;
});

This would mean that these links never get followed though — I assume some other JavaScript would be reading out these query string values eventually.