Есть ли способ добавить путь ко всем атрибутам src тегов изображения?

Question

Я хотел бы добавить путь "images /" ко всем тегам img в моем html-файле. Возможно ли это, и если как мне этого достичь?

Answer 1

Я думаю, что это будет хорошо работать:

$("img").each( function() {
    $(this).attr("src", "images/" + $(this).attr("src"));
});

обратите внимание, что это имеет смысл, только если у вас уже есть относительный путь к вашим изображениям.

Answer 2

Я уверен, что для этого есть специфичный для jQuery способ, но этот базовый цикл JS сделает это. Впрочем, после загрузки всех изображений с другого URL это довольно странно.

var a = document.getElementsByTagName('img');

for(var i=0, n=a.length; i<n; i++)
{
  a[i].src = 'images/'+a[i].src; //see note
}

примечание: на практике, я думаю, вы захотите заменить регулярное выражение, чтобы вставить сюда строку 'images /'

Answer 3

Попробуйте это:

$("img").attr("src", function (val) {
          return "images/" + val;
        })

Answer 4

С чего? Достаточно ли хорош поиск / замена в блокноте?