Добавить дополнительный текст в существующую ссылку
У меня есть динамическая заполненная ссылка, как это: ./images/vlajky/br.gif
который автоматически загружается на моем сайте. Я хочу изменить это на www.customurl.com/images/vlajky/br.gif
Могу ли я достичь этого с помощью jQuery?
Это мой HTML
<td class="standardbunkaobr" width="30">
<a href="./index.php?clanek=analyzy&sekce=fotbal&liga=brazilie&lang=en&tab=1&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>