Question

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

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

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

Answer 2

如果您有一个目录，则需要使用位置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>

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

2 个答案: