使用jQuery刪除圖像擴展

Question

有沒有辦法使用jQuery從img scr擴展中刪除？

從這個意義上：

<img src="images/6208606.jpg" width="120" height="120" /> 

這樣：

<img src="images/6208606" width="120" height="120" /> 

感謝您的幫助

Answer 1

你可以這樣做：

$('img').each(function(){ 
    $(this).attr('src', $(this).attr('src').replace(/\.jpg/, '')); 
}); 

如果你有你需要找你可以做多個擴展名：

var exts = ['.jpg', '.gif', '.png']; 
$('img').each(function(){ 
    var $t = $(this); 
    $.each(exts, function(i,v){ 
     $t.attr('src', $t.attr('src').replace(v, '')); 
    }); 
}); 

Answer 2

1. 查找使用jQuery
2. 圖像獲取它的 「源」 屬性
3. 修改它作爲一個簡單的字符串
4. 其分配回「SRC」

Answer 3

您需要提供一些標識（如id，name，alt）或特定的類來使用jquery選擇器來選擇圖像。

//using css class 'special' applied to images whose 
//src we need to replace 
var i=$('img.special'); 
var s = $(i).attr("src"); 
s = s.substring(0, s.lastIndexOf(".")); 
$(i).attr("src",s);