Is there a way to remove from img scr extension using jQuery?
meaning from this:
<img src="images/6208606.jpg" width="120" height="120" />
to this:
<img src="images/6208606" width="120" height="120" />
Thanks for help
Add a comment
|
3 Answers
You could do:
$('img').each(function(){
$(this).attr('src', $(this).attr('src').replace(/\.jpg/, ''));
});
If you have multiple extensions you need to look for you could do:
var exts = ['.jpg', '.gif', '.png'];
$('img').each(function(){
var $t = $(this);
$.each(exts, function(i,v){
$t.attr('src', $t.attr('src').replace(v, ''));
});
});
Comments
you need to provide some identification (like id, name, alt) or specific class to select image using 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);
Comments
- Find the image using jQuery
- Get it's "src" property
- Modify it as a simple string
- Assign it back to "src"
