Добавить дополнительный текст в существующую ссылку

У меня есть динамическая заполненная ссылка, как это: ./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>

2 ответа

Решение

Ты можешь использовать attr(attributeName, function) а также URL API разобрать путь текущего src

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

Вы можете использовать местоположение 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>

Другие вопросы по тегам