Как изменить data-src через js?

Question

[midarovrk]

Добрый день.

Как правильно прописать скрипт чтобы он изменял data-src у картинки?

Есть такой скрипт. Который изменяет src у картинок находящихся в div блоке с классом .comics

$('.comics img').each(function(){
if(this.src.indexOf('https://domain.ru')!=-1){
this.src=this.src.replace('https://domain.ru','http://anotherdomain.ru/blalbla/blalbla/');
};

Я подключил ленивую загрузку lazyload и теперь мне нужно чтобы скрипт менял data-src вместо src.

<img class=" lazyloaded" src="https://domain.ru/pustayakartinka.jpg" data-src="https://domain.ru/uploads/posts/2019-03/1551871262_1cover.jpg">

Answer 1

[Stockholm Syndrome]

$('.comics img').each(function() {
  $(this).attr('data-src', 'new data-src value');
});

UPD:

$('.comics img').each(function() {
  let src = $(this).attr('data-src');
  $(this).attr('data-src', src.replace('https://domain.ru', 'https://anotherdomain.ru/blabla/blabla/'));
});

Comments

[midarovrk]

А где прописывать какой домен на какой домен заменять?

[Stockholm Syndrome]

midarovrk, вместо new data-src value тот домен, на который нужно заменить

[midarovrk]

StockholmSyndrome, да, в принципе работает, но он заменяет абсолютно всю ссылку на домен. А мне надо заменить часть ссылки на ту что я укажу как в скрипте через replace в стартовом посте.

Например есть картинка с ссылкой

<img class=" lazyloaded" data-src="https://domain.ru/1/captainmarvel2016vol9/010/1.png">

Мне надо заменить https://domain.ru на https://anotherdomain.ru/blabla/blabla/

Сейчас ваш скрипт делает так:

<img class=" lazyloaded" data-src="http://anotherdomain.ru/blabla/blabla/">

Т.е. полностью затирает, а не заменяет часть ссылки.

[Stockholm Syndrome]

midarovrk,

$('.comics img').each(function() {
  let src = $(this).attr('data-src');
  $(this).attr('data-src', src.replace('https://domain.ru', 'https://anotherdomain.ru/blabla/blabla/'));
});

[midarovrk]

StockholmSyndrome, спасибо большое, то что надо =)

[midarovrk]

StockholmSyndrome, а проверку на соответствие домена тоже можете добавить? У меня до этого так проверялось:

if(this.src.indexOf('https://domain.ru')!=-1){

Т.е. если у ссылки другой домен, то замена не происходила.

[Stockholm Syndrome]

midarovrk,

$('.comics img').each(function() {
  const DOMAIN = 'https://domain.ru';
  let src = $(this).attr('data-src');
  if (!src.startsWith(DOMAIN)) return;
  $(this).attr('data-src', src.replace(DOMAIN, 'https://anotherdomain.ru/blabla/blabla/'));
});

[midarovrk]

StockholmSyndrome, спасибо. А через if нельзя? =)

У меня в общем в одном js файле 5-6 проверок на домены идёт, вот так:

$('.comics img').each(function(){

if(this.src.indexOf('https://domain1.ru')!=-1){
this.src=this.src.replace('https://domain1.ru','https://anotherdomain1.ru/blabla/blabla/');
};

if(this.src.indexOf('https://domain2.ru')!=-1){
this.src=this.src.replace('https://domain2.ru','https://anotherdomain2.ru/blabla/blabla/');
};

if(this.src.indexOf('https://domain3.ru')!=-1){
this.src=this.src.replace('https://domain3.ru','https://anotherdomain3.ru/blabla/blabla/');
};

if(this.src.indexOf('https://domain4.ru')!=-1){
this.src=this.src.replace('https://domain4.ru','https://anotherdomain4.ru/blabla/blabla/');
};

if(this.src.indexOf('https://domain5.ru')!=-1){
this.src=this.src.replace('https://domain5.ru','https://anotherdomain5.ru/blabla/blabla/');
};

});

Или ваш вариант тоже можно как-то так использовать?

$('.comics img').each(function() {
 
 const DOMAIN = 'https://domain1.ru';
  let src = $(this).attr('data-src');
  if (!src.startsWith(DOMAIN)) return;
  $(this).attr('data-src', src.replace(DOMAIN, 'https://anotherdomain1.ru/blabla/blabla/'));

  const DOMAIN = 'https://domain2.ru';
  let src = $(this).attr('data-src');
  if (!src.startsWith(DOMAIN)) return;
  $(this).attr('data-src', src.replace(DOMAIN, 'https://anotherdomain2.ru/blabla/blabla/'));

  const DOMAIN = 'https://domain3.ru';
  let src = $(this).attr('data-src');
  if (!src.startsWith(DOMAIN)) return;
  $(this).attr('data-src', src.replace(DOMAIN, 'https://anotherdomain3.ru/blabla/blabla/'));

});

[Stockholm Syndrome]

midarovrk, можно все домены собрать в массив

$('.comics img').each(function() {
  let domains = [
    'https://domain1.ru', 
    'https://domain2.ru', 
    'https://domain3.ru', 
    'https://domain4.ru', 
    'https://domain5.ru' 
  ];
  let src = $(this).attr('data-src');

  for (let i = 0, l = domains.length; i < l; i++) {
    if (src.startsWith(domains[i])) {
      $(this).attr('data-src', src.replace(domains[i], 'https://anotherdomain.ru/blabla/blabla/'));
      break;
    }
  }
});

[John_Paul_Jones]

Stockholm Syndrome, Здравствуйте, подскажите пожалуйста, пытаюсь использовать lazyload (клик шариком чтобы открыть скрипт jQ в новом окне)в MUSE, тот же вопрос, как заменить src на data-src? Пытался использовать Ваш код, но не выходит что-то. Создал тему можете там написать
Руками править на хосте само собой не вариант работает только до первого экспорта.
Тестирую тут https://jsfiddle.net/bhmye0g6/
Подскажите как правильно прописывать? все в начале кода или в конце?