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>

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

5 个答案: