prepend img src url

Question

Я создаю приложение с использованием телефонного промежутка html 5, и одна часть приложения рисует RSS-канал. Одна из проблем, с которыми я столкнулся, заключается в том, что в канале есть изображения, а URL-адрес для изображений установлен набыть привлеченным с сервера, на котором расположен канал.Например, весь код img выглядит так:

<img src="/files/2012/01/brazilsal.jpg" />

Теперь, поскольку эти изображения не являются родными, оно не будет работать в приложении.

Так что мне нужно добавить src, чтобы быть

<img src="http://management.bu.edu/files/2012/01/brazilsal.jpg" />.

Мне также нужно, чтобы оно не влияло на другие изображения в приложении.

Есть идеи, как это сделать в javascript или jquery?

Answer 1

Выбор изображений с помощью атрибута начинается с селектора [attr^=value], затем установите его значение src с помощью $.fn.attr.

$('img[src^="/files"]').attr(function(i,src){
  return "http://management.bu.edu" + src;
});

Answer 2

Вам нужно js-uri .

Простой пример:

var rssUri = new URI("http://management.bu.edu/data.rss");
var imgUri = new URI("/files/2012/01/brazilsal.jpg");
var fullImgUri = imgUri.resolve(rssUri);
alert(fullImgUri);   // http://management.bu.edu/files/2012/01/brazilsal.jpg