向现有 href 添加额外文本

Question

我有一个像这样的动态填充 link：./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>

Answer 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>

Answer 2

可以使用attr(attributeName, function) and URL API解析当前src的pathname

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

向现有 href 添加额外文本

add extra text to existing href

javascript

url

jquery

href