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

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

试试这个：

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

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

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

Answer 5

只需执行以下操作：

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