Remplacer une partie d'une image URL

Question

Je dois remplacer _MThumb avec _Lthumb dans ce qui suit html généré dynamiquement:

<img src="/images/images_MThumb.jpg" /> 

Il viderait que:

<img src="/images/image_LThumb.jpg /> 

J'ai essayé:

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

var src = $(this).attr('src'); 
$(this).attr('src', src.replace(/_MThumb(\.[^.]+)?$/, '_LThumb$1'); 
}); 

Et:

$(".container img").attr("src", function(i, src) { 
    return src.replace("_MThumb", "_LThumb"); 

Et quelques autres variantes.

Answer 1

Dropping demi deux points à la fin de la fonction de travail (qui m'a surpris):

$(window).on("load", function() { 
$('img').each(function(){ 
var $this = $(this) 
$this.attr('src',$this.attr('src').replace('_MThumb.jpg','_LThumb.jpg')) 
}) 
}); 

Answer 2

Tant que vous pouvez compter sur l'uri des images rester cohérent, vous devriez être en mesure d'utiliser un simple regex comme:

$('img').each(function() { 
    var src = $(this).attr('src'); 
    $(this).attr('src', src.replace(/_MThumb/, '_LThumb') ; 
});