使用js或jquery将超链接更改为其他内容

Question

What is the best way to change a link like etc this:

<a href="replacethislink">button</a>

to

<a href="#" class="replaced">button</a> 

With either js or jQuery?

Answer 1

You can use,

1. attr() for updating href attribute
2. addClass() for adding the class

 $('a[href="replacethislink"]').attr('href', '#').addClass('replaced'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <a href="replacethislink">button</a> 

Answer 2

Using javascript (modern browser) :

var linkToReplace = document.querySelectorAll('a[href="replacethislink"]');
linkToReplace.setAttribute("href", "#");
linkToReplace.setAttribute("class", "replaced");

Using javascript (older browser) :

var linkToReplace = null;
var links = document.getElementsByTagName("a");
for (var i = 0; i < links.length; i++)       {
    if (links[i].getAttribute("href") == "replacethislink") {
        linkToReplace = links[i];
    }
}

if(linkToReplace) {
    linkToReplace.setAttribute("href", "#");
    linkToReplace.setAttribute("class", "replaced");
}

Using jQuery :

var linkToReplace = $('a[href="replacethislink"]');
linkToReplace.attr("href", "#");
linkToReplace.addClass("replaced");