查找和使用JavaScript

Question

使用JavaScript代替了獨特的HTML（HREF）字符串，我怎樣才能改變這種無類錨（假設針對獨特的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/'); 

如果你想只搜索這些URL的pathname，並保持域名一樣，你可以嘗試這樣的：

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

Answer 2

只是這樣做：

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

Answer 3

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

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

Answer 4

試試這個： -

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

僅使用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; 
     } 
    } 
}