替换部分图像网址

Question

我需要在以下动态生成的html中用_Lthumb替换_MThumb：

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

所以它会呈现为：

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

我试过了：

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

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

和

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

以及其他一些变化。

Answer 1

只要你可以指望图像的uri保持一致，你应该能够使用一个简单的正则表达式：

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

Answer 2

在功能结束时删除半冒号（这让我感到惊讶）：

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