向现有的 href 添加额外的文本答案

【问题标题】：add extra text to existing href向现有的 href 添加额外的文本
【发布时间】：2019-04-17 22:25:10
【问题描述】：

我有一个像这样的动态填充链接：./images/vlajky/br.gif，它会自动加载到我的网站中。我想把这个改成www.customurl.com/images/vlajky/br.gif

我可以用一些 jQuery 来实现吗？

这是我的 HTML

<td class="standardbunkaobr" width="30">
<a href="./index.php?clanek=analyzy&amp;sekce=fotbal&amp;liga=brazilie&amp;lang=en&amp;tab=1&amp;zap=5">
<img src="./images/vlajky/br.gif" border="0" width="15"></a>1
</td>

【问题讨论】：

您应该添加相关的 HTML 以显示链接的显示方式。
我添加了我的 HTML

标签： javascript jquery url href

【解决方案1】：

如果你有一个需要结合位置路径名的目录，你可以使用位置 api 来检测你的路径

$(document).ready(function(){

var Image = location.origin + "./images/vlajky/br.gif".replace("./","/");
 $("#cotainer").append("<img src='" +Image+"'/>");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="cotainer"></div>

【讨论】：

【解决方案2】：

可以使用attr(attributeName, function)和URL API来解析当前src的路径名

$('.standardbunkaobr img').attr('src', function() {
  return 'http://www.customurl.com' + new URL(this.src).pathname;
})

【讨论】：