javascript for changing link's href in html page

Question

My problem is the following:

I have a page with many links Some of them have a specific pattern :

http://www.example.com/.../?parameter1=...&parameter2=PARAMETER2

What i want to do is to change these links' href to the value of the parameter2 using JavaScript. For example if i have a link like :

<a href="http://www.example.com/.../?parameter1=...&parameter2=PARAMETER2">text here</a>

what i want to do after the script runs is to have a link like this:

<a href="PARAMETER2">text here</a>

Any suggestion would be truly appreciated!!! Thank you all in advance!!!

possible Dupe stackoverflow.com/questions/4365246/… and stackoverflow.com/questions/1766133/… — Devjosh
– Devjosh, Commented Feb 24, 2012 at 13:53

sathishkumar · Accepted Answer · 2012-02-25 13:51:37Z

1

If you are using jquery

then use the following code

$(function() {
  $("a[href^='www.example.com']").each(function(){
    var ele = $(this);
    var href = ele.attr("href");console.log(href);
    var index = href.lastIndexOf("parameter2");
    var param_2 = href.substring((index + 11));
    ele.attr("href", param_2);
  });
});

edited Feb 25, 2012 at 13:51

answered Feb 24, 2012 at 14:02

sathishkumar

1,8564 gold badges22 silver badges32 bronze badges

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

2 Comments

kate Over a year ago

thank you for your answer..your code works fine but it changes all links.. Is there a way to define to change only for example www.example.com links???

sathishkumar Over a year ago

i have changed the post.Please try that!

mgraph · Accepted Answer · 2012-02-24 13:59:52Z

1

http://jsfiddle.net/LVNeC/

function getUrlVars(_url)
{
    var vars = [], hash;
    var hashes = _url.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

var myLINK = document.getElementById("mylink");
var url = myLINK.href;
myLINK.href = getUrlVars(url )["parameter2"];

answered Feb 24, 2012 at 13:59

mgraph

15.3k4 gold badges43 silver badges76 bronze badges

1 Comment

kate Over a year ago

thank you for your answer..I'll try it to see how it works and I'll provide a feedback..

Collectives™ on Stack Overflow

javascript for changing link's href in html page

2 Answers 2

2 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Linked

Related