使用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>