JSFiddle - React, Tailwind, and code Playground

HTML

<div class="center">
    <div class="foo_1">foo_1</div>
    <div class="foo_2">foo_2</div>
    <div class="test">to nie foo</div>
    <div class="foo_3">foo_3</div>
</div>

JavaScript

$( "div[class^='foo']" ).each(function( index ) {
        var newCanvas = $('<canvas/>',{
            'class':'radHuh',
            id: 'myCanvas'+ index
        }).prop({
            width: 100,
            height: 100
        });
        $(this).append(newCanvas);
        var c=document.getElementById("myCanvas"+index);
				var ctx=c.getContext("2d");
        ctx.font="20px Georgia";
				ctx.fillText("Canvas "+index,5,50);
    });