How to change the href for a hyperlink using jQuery

Question

How can you change the href for a hyperlink using jQuery?

Answer 1

Depending on whether you want to change all the identical links to something else or you want control over just the ones in a given section of the page or each one individually, you could do one of these.

Change all links to Google so they point to Google Maps:

$("a[href='http://www.google.com/']").attr('href', 
'http://maps.google.com/');

To change links in a given section, add the container div's class to the selector. This example will change the Google link in the content, but not in the footer:

    
...link to Google
    in the content...



    Links: Google


$(".content a[href='http://www.google.com/']").attr('href', 
'http://maps.google.com/');

To change individual links regardless of where they fall in the document, add an id to the link and then add that id to the selector. This example will change the second Google link in the content, but not the first one or the one in the footer:

    
...link to Google
    in the content...
    
...second link to Google
    in the content...



    Links: Google


$("a#changeme").attr('href', 
'http://maps.google.com/');