JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outerdiv">
    <div>
        <img id="image1" src="http://placehold.it/350x150" />
        <img id="image2" src="http://placehold.it/350x150" />
    </div>
</div>

JavaScript

var img = $('#image1')[0];
var parent = $(img.parentNode);
var canvas = parent.append("<canvas />").find(':last')[0];
console.log(canvas);