2011-04-23 110 views
2

有誰知道如何去掉一部分url。去掉一部分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的。

感謝您的幫助。

+0

如何:' 「

」 .replace( 「 - 拇指」, 「」)'或者你需要使用JS詳細的解答? – Cipi 2011-04-23 07:31:55

+0

不,我需要它使用JS,因爲我沒有訪問代碼。感謝您的幫助! – user721521 2011-04-23 07:56:57

+0

這是JS ... xD – Cipi 2011-04-23 11:48:43

回答

0

你可以做這樣的事情:

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

@ user721521:這真的有用嗎?因爲代碼實際上是錯誤的。它應該是'$(「div.showimage img」)。attr(「src」,function(i,src){return src.replace(「 - thumb」,「」);});'。 'this'引用當前元素,而不是'src'值。 – 2011-04-23 08:31:19

+0

@Felix Kling謝謝...我改變了它.. – 2011-04-23 08:45:07

+0

@Felix Kling之前的代碼並沒有工作,「像魅力一樣工作」是爲jSang下面。我在下面測試了你的代碼和jSang,他們都工作。感謝大家! – user721521 2011-04-24 05:00:57