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

您需要提供一些标识（如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);

Answer 3

1. 使用jQuery
查找图像
2. 获取它的“src”属性
3. 将其修改为简单字符串
4. 将其分配回“src”