Replacing html entities with a text using javascript

Question

Please I want to replace html entities with a text like so: <img src='my_image.jpg'> so I ran this code:

var image = $("#my_div").html($("#my_div").html().replace(/<img scr='(.*?)'>/g, "{{$1}}"));

so when its outputted it show like this: {{my_image.jpg}} but when outputted this is what displays: [object Object] . Please I need help because I know am getting something wrong.

Answer 1

You can change an img element's attribute (src in this case) like this :

Markup:

<img id="eximg" src="source.jpg">

Script:

$('#eximg').attr('src','anothersource.jpg');

Answer 2

You can use a function to create the new value

<img id="myid" src="mypicture.jpg">

<script>
$('#myid').attr('src', function(i, origValue){
    return "{{" + origValue + "}}";
});
</script>