使用jQuery更改图像后缀

Question

我想为具有“拇指”类的所有图像更改图像后缀。它们可以是jpg，png或gif

<img class="thumb" src="http://someting.com/images/abc-150X150.jpg"/>

想要删除 -150X150

<img class="thumb" src="http://someting.com/images/abc.jpg"/>

我已经了解this code，但它删除了扩展并使用img标记而不是类。感谢您收看我的问题。

Answer 1

这使用正则表达式替换和模式匹配连字符，后跟数字，然后是X和另一个数字

$('.thumb').attr('src', function (index, src) { 
    return src.replace(/-\d+x\d+/, ''); 
});

值得注意的是，这只是简单的正则表达式。如果你想变得更复杂，那么你可以在 x 的任一侧指定最小数量的整数，以减少匹配错误的东西，例如：

/-\d{3,}x\d{3,}/

以上内容将匹配 x

两侧的3位或更多位数字

Answer 2

一种可能的方法：

$('img.thumb').each(function() {
  this.src = this.src.replace('-150X150', '');
});