使用javascript查找并替换唯一的html（href）字符串

Question

使用Javascript，如何更改无类锚（假设定位到唯一的href字符串）：

<a href="/unique-url-string/"></a>

为此，页面加载：

<a href="/replacement-url-string/"></a>

Answer 1

您可以根据元素的href属性选择元素。

$('a[href="/unique-url-string/"]').prop('href', '/replacement-url-string/');

如果您只想搜索这些网址的pathname并保持域名不变，则可以尝试以下操作：

$('a').filter(function() {
  return this.pathname === "/foo/bar"
}).prop('href', function () {
  this.pathname = '/butt/butt/butt';
  return this;
});

Answer 2

尝试这个：

$(function(){
   $('a[href="/unique-url-string/"]').attr('href', '/replacement-url-string/'); 
});

替换部分：

$(function(){
    var a = $('a[href="/unique-url-string/"]');
   a.attr('href', a.attr('href').replace('unique', 'replacement')); 
});

Answer 3

仅使用不带库的JavaScript

function replaceLink(oldLink, newLink) {
var x = document.getElementsByTagName("a");
    for(var i = 0; i < x.length; i++)
        if(x[i].href == oldLink) {
            x[i].href == newLink; 
            break; 
        }
    }
}

Answer 4

只要这样做：

$().ready(function(){
    $('a').attr("href").replace("unique","replacement");
});

Answer 5

 var link = document.getElementById('linkToChange'); console.log(link.href); link.href = "http://www.google.com"; 

 <a href="about:blank" id="linkToChange">me</a>