javascript - 如何使用 jQuery 动态更改文件源

Question

我有一些带有一些来源的img:

<img src="data/model/images/color_01/h_1.png" class="current-image">

我需要在单击操作后更改其源部分

var color_image = $('.current-image')

color_image.on('click',function(){
   var image_src_color = color_image.attr('src').split('/')[3];
   color_image.attr('src', $(this).replace(image_src_color, 'color_02'));
});

事情不对，因为我有控制台警报对象[object Object]没有方法“替换”，有人可以帮忙吗？非常感谢。

Answer 1

使用 .attr( attributeName, function(index, attr) ) 尝试此操作:

color_image.on('click', function () {
    var image_src_color = color_image.attr('src').split('/')[3];
    color_image.attr('src', function (i, val) {
        return val.replace(image_src_color, 'color_02');
    });
});