Jquery 单击更改图像文件扩展名

Question

我为此使用 jQuery。我想在单击时更改图像文件的文件扩展名。并想再次单击将其更改回来。等等。

这是我现在所拥有的，但它不起作用。甚至第一次点击都不起作用。我认为替换语法不是wight。

$(document).ready(function() {

    $('img#featured').on( 'click', function() {
        $(this).attr( 'src', replace( '.jpg', '.gif' ) );
    });

});

图像代码是这样的。

<img src="sample-image.jpg" id="featured" />

Answer 1

这应该完全符合您的要求。

 $('img#featured').on('click', function() {
     var src = $(this).attr('src');
     if (src.indexOf(".jpg") > -1) {
         src = src.replace('.jpg','.gif' );
     } else {
         src = src.replace('.gif','.jpg' );
     }
     $(this).attr('src', src);
});