Измените источник img на основе определенного изображения

Question

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

Так что я хочу изменить только 4 из нескольких изображений значков на странице, получив источник изображения, и его проверка соответствует критериям изображения, которое я хочу изменить, а затем поменяйте на новое изображение значка.

У меня есть некоторые неуклюжие версии в javascript и JQuery, но я действительно ищу гладкую версию, которая является функциональной и простой.

Я нашел это работало отлично для 4 отдельных изображений, требующих изменений в нескольких местах:

function changeArrow() { 
      $('img[src="chevron-orange-round-down.jpg"]').attr('src', 'chevron-blue-round-down.jpg') 
      $('img[src="chevron-orange-round-up.jpg"]').attr('src', 'chevron-blue-round-up.jpg') 
      $('img[src="chevron-orange-round-left.jpg"]').attr('src', 'chevron-blue-round-left.jpg') 
      $('img[src="chevron-orange-round-right.jpg"]').attr('src', 'chevron-blue-round-right.jpg') 
     } 

Я ожидал, что мне нужен цикл, такие как .each как предложено ниже, но это изменило все экземпляры изображения которые соответствовали критериям.

Answer 1

Вы можете установить Src Аттрибут $('.image').attr('src', 'val');

или простой петлей

$('.image').each(function(i, obj) { 
    if($(this).attr('src')=='some criteria') 
    { 
    $(this).attr('src', 'val'); 
    } 
});