查找和使用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; 
     } 
    } 
}