JSFiddle - React, Tailwind, and code Playground

by jbrosi

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0-alpha.4/handlebars.js"></script>
<script type="text/x-handlebars-template" id="template">
    {{#each level1_1}}
        {{#each level2}}
            {{level3}}
            {{@root.level1_2}}
        {{/each}}
        {{@root.level1_2}}
    {{/each}}
</script>

<div id="renderedContent"></div>

JavaScript

$(document).ready(function () {
    var template = $("#template").html();
    var myObj = {

        level1_1 : [
    
            {
                level2 : [
    
                    {level3 : 'Level3'}
                ]
            }
    
        ],
    
        level1_2 : 'Level12'

    };
    
    $("#renderedContent").html(Handlebars.compile(template)(myObj));
    
});