Question

更改类似链接的最佳方式是什么：

<li style="padding-bottom: 0;"><a href="#">COMMERCIAL</a></li>
<li style="padding-right: 80px; padding-bottom: 0;"><a href="#">RESIDENTIAL</a></li>

到

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

使用js还是jQuery？

Answer 1

你可以使用，

attr() 用于更新href属性
addClass() 用于添加课程

$('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

使用javascript（现代浏览器）：

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

使用javascript（旧浏览器）：

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");
}

使用jQuery：

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

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

2 个答案: