Supprimer l'extension d'image à l'aide de jQuery

Question

Existe-t-il un moyen de supprimer l'extension img scr en utilisant jQuery?

signifie de ceci:

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

à ceci:

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

Merci pour l'aide

Answer 1

Vous pouvez faire:

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

Si vous avez plusieurs extensions dont vous avez besoin de chercher, vous pouvez faire:

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. Trouver l'image en utilisant jQuery
2. Obtenir sa propriété "src"
3. Modifier comme une simple chaîne
4. le réaffecter "src"

Answer 3

vous devez fournir une identification (id, nom, alt) ou une classe spécifique pour sélectionner l'image en utilisant jquery selector.

//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);