JSFiddle - React, Tailwind, and code Playground

JavaScript

function withoutJquery(html)
{
    var temp = document.createElement("div");
    temp.innerHTML = html;
    
    var fragment = document.createDocumentFragment();
    var child;
    
    while (child = temp.firstChild)
    {
        fragment.appendChild(child);
    }
    
    return fragment.firstChild;
}


function withJquery(html)
{
    var fragment = document.createDocumentFragment();
    
    fragment.appendChild( jQuery.buildFragment([html],document) );
    
    return fragment.firstChild;
}


var ajaxHTML = "";
ajaxHTML += "<template>\n";
ajaxHTML += "    <div>asdf</div>\n";
ajaxHTML += "    <div>\n";
ajaxHTML += "        <span>asdf</span>\n";
ajaxHTML += "    </div>\n";
ajaxHTML += "</template>";


// Gives the <template>
console.log( withoutJquery(ajaxHTML) );
console.log( withJquery(ajaxHTML) );

// Where are the <div>'s?
console.log( withoutJquery(ajaxHTML).childNodes.length );
console.log( withJquery(ajaxHTML).childNodes.length );