Как изменить часть адреса в атрибуте src?

Question

[furcifer]

Добрый день! Подскажите, пожалуйста.
У меня есть n-ое количество картинок с таким атрибутом src="img/111/b1-X.png" , где Х номер картинки, и классом b1.
Мне нужно по клику на кнопку изменить адрес на src="img/222/b1-X.png" (картинки что в первой что во второй папке имеют одинаковые имена)
Делаю вот что:

$('button').click(function(){
	$('.b1').attr('src', $('.b1').attr('src').replace('img/111/', 'img/222/'));
});

При этом путь меняется, но вместо b1-1.png, b1-2.png.... везде только b1-1.png.
Как нужно сделать чтобы менялись только ('img/111/', 'img/222/')); название картинки в src оставалось нетронутым?

Answer 1

[Andrew]

$('button').click(function(){
$( ".b1" ).each(function( index ) {
    $(this).attr('src', $(this).attr('src').replace('img/111/', 'img/222/'));
});

});

Comments

[furcifer]

Andrew подскажите, как сделать чтобы любой первый адрес менялся на тот что мне нужно?

$('button').click(function(){
$( ".b1" ).each(function( index ) {
    $(this).attr('src', $(this).attr('src').replace('X/X', 'img/222/'));
});

});

[Andrew]

furcifer, что значит "любой первый"?пример какой-то?

[furcifer]

Andrew есть допустим 5 кнопок, при клике на каждую происходит замена src
button1 заменить любой src="..." на src="img/111/.."
button2 заменить любой src="..." на src="img/222/.."
button3 заменить любой src="..." на src="img/333/.."

[Andrew]

furcifer, Если вам нужно привязать эту замену к чему-то(например, айди кнопки или последний символ из класса):

<button class="b1">1</button>
<button class="b2">2</button>
<button class="b3">3</button>
<button class="b4">4</button>

$('button').click(function(){
   let cl = $(this).attr('class').slice(-1);
$('img.images').attr('src',`img/${cl}${cl}${cl}/`);///после слеша можете вырезать изначально их пути, через each и менять только концовку
});

Answer 2

[Ilya Loginov]

$('button').click(function(){
   $('img.b1').each(function(){
      $(this).attr('src', $(this).attr('src').replace('img/111/', 'img/222/'));
   });
});

Comments

[furcifer]

@TommyV888
подскажите, как сделать чтобы любой первый адрес менялся на тот что мне нужно?

$('button').click(function(){
$( ".b1" ).each(function( index ) {
    $(this).attr('src', $(this).attr('src').replace('X/X', 'img/222/'));
});
});