JQuery, как заменить SRC URL

Question

У меня есть страница, которую я отсканировал, страница соскоба использовала относительный путь для своих изображений, и когда я загружаю свою страницу, URL моего сайта вставляется в атрибут src Мне нужно найти способ заменить мой URL-адрес на удаленный сайт, чтобы изображения и другие элементы, которые ссылаются на него, правильно отображались на моей странице.

Сценарий, который я использую для очистки:

<script src="path_to_jquery.js"></script>
<script>
$document.ready(function() {
 $("#weather").load("http://weather.com" table:nth-child(3)", function() {
  $(this).find("img").each(function() {
   $(this).attr("src").replace('http://my_site.com', 'http://weather.com");
  });
 });
});

Я добавил последнюю строку с .replace, надеясь устранить проблему, но пока она не работает. Мне нужно сохранить путь к файлу, поэтому, когда я заменяю свой URL целевым URL, остальная часть src attr должна оставаться там. Например, когда страница открыта, я вижу таблицу и весь текст в порядке, но изображения не загружаются, поскольку они не находятся на моем сервере. Поэтому мне нужно обновить src attr из этого:

http://my_site.com/images/sunny.jpg

к этому:

http://weather.com/images/sunny.jpg

Любое понимание будет оценено.

Answer 1

Вызов replace возвращает новую строку, содержащую замены.Ваш код создает новую строку, которая говорит my_site.com вместо weather.com, но ничего не делает со строкой.

Вам необходимо написать следующее:

$(this).attr("src", function(index, old) {
    return old.replace('http://my_site.com', 'http://weather.com");
});

Answer 2

У вас есть опечатка в 'http://weather.com"

$document.ready(function() {
 $("#weather").load("http://weather.com" table:nth-child(3)", function() {
  $(this).find("img").each(function() {
    var old_site= $(this).attr("src");
    var new_site= old_site.replace("http://my_site.com", "http://weather.com");
    $(this).attr("src",new_site);
  });
 });
});