Изменение списка атрибутов элементов с помощью цикла

Question

У меня есть список элементов.

<img id="item0" src=""> 
<img id="item1" src=""> 
. 
. 
. 

Когда кто-то нажимает на кнопку, мне нужно изменить Суданский Красный Полумесяц на основе кода. (Каждый Src с различной ссылке)

я хочу использовать что-то вроде на ниже.

for (var i = 0; i < 10; i++) { 
    $('#item' + i).attr('src', 'link') 
} 

Возможно ли это как можно? Фактический код:

  for(var i=0;i<10;i++){ 

      var freeChampId=[]; 
      freeChampId.push(json['champions'][i].id); 
      $.ajax({ 
       url:'https://global.api.pvp.net/api/lol/static-data/tr/v1.2/champion/'+json['champions'][i].id+'?&api_key='+key, 
       type:'GET', 
       datatype:'json', 
       data:{}, 
       success:function(json){ 

        $("img[id^=freeChamp_Out]").each(function(){ 

         $(this).attr('src','http://ddragon.leagueoflegends.com/cdn/5.2.1/img/champion/'+json['key']+'.png') 

        }); 
       } 
      }) 


     } 

Каждый цикл поворачивает ключ, и связь изменяется.

Answer 1

Вам не нужно перебирать элементы, если вы устанавливаете одинаковые src для всех них. Для этого вы можете использовать атрибут начинается с выбора целевой все изображения вместе с ATTR установить необходимый атрибут :

$("img[id^=item]").attr('src','link'); 

Если SRCS разные:

$("img[id^=item]").each(function(){ 
    $(this).attr('src','link') 
});