JSFiddle - React, Tailwind, and code Playground

by tr_santi

HTML

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

CSS

#container {
    border: 1px solid black;
    padding: 10px;
}

#container::after {
    content: 'container';
}

div.test-div {
    padding: 10px;
    background-color: red;
    margin: 5px;
}

span {
    display: block;
    background-color: blue;
    padding: 5px;
    margin: 10px;
    color: white;
}

span::after {
    content: 'Span';
}

JavaScript

function addTableInput() {
	
    var wrapper = $("<div />");
    wrapper.addClass("test-div");
    wrapper.attr("id", "test");
    
    var href = $("<a />");
    var parentWrapper = $("#container");
    
    //AJAX adding multiple elements
    for (var i=0;i<5;i++) {
    	var span = $("<span />");
        wrapper.append(href);
        span.appendTo(wrapper).insertBefore(parentWrapper);
    }
    
}

addTableInput();