Question

How to rewrite image path of following img tag with new image path while click on span element

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

Expected result as follows,

<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'));
});