JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"></div>

JavaScript

var abcDiv = $("<div></div>");
    abcDiv.attr('class', 'abc'); // add class
    var xyzSpan= $("<span></span>");
    xyzSpan.attr('class', 'xyz'); //add class
    
    abcDiv.append("This is a test"); //Add the text
    abcDiv.append(xyzSpan); //Add the span
    
    $('#container').append(abcDiv); //insert the div