向現有的href添加額外的文本

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

如果您有目錄，則可以使用location api來檢測您的路徑，您需要組合位置pathname

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