JQuery поиска и замены части IMG SRC

Question

На каждой странице у меня есть признакам образ, который имеет изображение, как это:

<img class="js-image-replace" src="http://www.example.com/category_name/320/89645428_89645427.jpg" /> 

/320/ ссылается размер изображения, и я хочу, чтобы это было /660/

Как мне найти 320 и заменить его на 660?

Все мои попытки перезаписывают всю строку.

Answer 1

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

<script> 
$(function(){ 
    $('.js-image-replace').each(function(){ 
     // Get your image src 
     var source = $(this).attr('src'); 
     // Replace the first set of integers in your URL with 660 
     $(this).attr('src',source.replace(/\/\d+\//,'/660/')); 
    }); 
}) 
</script> 

В противном случае,

Пример

Вы можете see a working example of this in action here и выход ниже: