如何使用jQuery使所有相对路径绝对？

Question

使用jQuery，我试图在页面上找到任何<a href="/folder/whatever.file">link</a>个实例，并将http://www.domain.com放在/ folder之前。

最简单，最安全的方法是什么？

Answer 1

单击锚标记时更新锚标记的href。

$(document).on("click","a:not([href^=http])",function(){
    this.href = "http://domain.com" + this.href;
})

或更好

$(document).on("click","a[href^=/specificfolder/]",function(){
    this.href = "http://domain.com" + this.href;
});

使用htaccess或类似的网址重写解决方案在您的服务器上进行此更改可能会更好。

Answer 2

$('a').each(function(){
  var href = $(this).prop('href')
  $(this).prop('href',"http://domain.com"+href);
});