javascript - 如何使用 JQuery 使用新的图像路径重写内部 img 标签源

Question

如何在点击 span 元素时用新的图片路径重写跟随 img 标签的图片路径

<span id="cc-element-1">
    <img src="http://localhost/example/orig/abc.jpg"/>
</span>

预期结果如下，

<span id="cc-element-1">
    <img src="http://localhost/example/cloned/abc.jpg"/>
</span>

Answer 1

$('#cc-element-1').click(function() {
    var $img = $(this).children('img');
    $img.attr('src', $img.attr('src').replace(/orig/, 'cloned'));
});