Update querystring value in href with jQuery

Question

I have 3 href's that have a different structure and all of them have the same hard coded parameter (in this example value=somevalue-abc).

How can I update the link and overwrite the value with a new value?

jQuery

$(document).ready(function () {

    $('a').click(function () {

        var $newValue = 'newvalue';

        //here a function that overwrites the parameter 'somevalue-abc' with $newValue

    });

});

HTML

<a class="demo" href="http://www.mydomain.com/page.aspx?demo&value=somevalue-abc">link 1</a>
<a class="real" href="http://www.mydomain.com/?value=somevalue-abc#go=yes">link 2</a>
<a class="outgoing" href="http://www.mydomain.com/page.aspx?value=somevalue-abc">link 3</a>

ysrb · Accepted Answer · 2011-09-21 06:41:43Z

8

Try:

$(document).ready(function () {
    $('a').click(function () {
        var $newValue = 'newvalue';
        $(this).attr('href',$(this).attr('href').replace('somevalue-abc', $newValue));
    });
});

answered Sep 21, 2011 at 6:41

ysrb

6,7202 gold badges32 silver badges30 bronze badges

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

1 Comment

NicoF Over a year ago

works perfect (and so simple I can shoot myself not finding this myself). Thx!!

Scott Evernden · Accepted Answer · 2011-09-21 06:39:47Z

5

$('a').click(function() {
  var newValue = 'newvalue'; // pls don't use a $ on variables that aren't jquery objects
  var src = $(this).attr('href');
  $(this).attr('href', src.replace(/somevalue\-abc/, newvalue));
});

answered Sep 21, 2011 at 6:39

Scott Evernden

40.1k15 gold badges81 silver badges84 bronze badges

Collectives™ on Stack Overflow

Update querystring value in href with jQuery

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related