去掉一部分url

Question

有谁知道如何去掉一部分url。

例如我有3个img资源，每个资源都位于它自己的div类“showimage”中。

<div class="showimage"><img src="http://www.mydomain.com/image1-thumb.JPG" /></div> 
<div class="showimage"><img src="http://www.mydomain.com/image2-thumb.JPG" /></div> 
<div class="showimage"><img src="http://www.mydomain.com/image3-thumb.JPG" /></div> 

我想要所有的URL去除“-thumb”，这样img源码读取;

<div class="showimage"><img src="http://www.mydomain.com/image1.JPG" /></div> 
<div class="showimage"><img src="http://www.mydomain.com/image2.JPG" /></div> 
<div class="showimage"><img src="http://www.mydomain.com/image3.JPG" /></div> 

我只能访问CSS，JavaScript或jQuery的。

感谢您的帮助。

Answer 1

你可以做这样的事情：

$(".showimage img").each(function() { 
    var imgSrc = $(this).attr("src"); 
    imgSrc = imgSrc.replace("-thumb",""); 
    $(this).attr("src",imgSrc); 
}); 

Answer 2

$("div.showimage img").attr("src",function(){ 
    return this.src.replace("-thumb",""); 
});