使用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);