JSFiddle - React, Tailwind, and code Playground

by dhavaljani

HTML

<div id="original" class="add-select-files">
                    <div class="uneditable-input span3">
                        <i class="icon-file fileupload-exists"></i><span class="fileupload-preview"></span>
                    </div>
<span class="btn btn-file">
<span class="fileupload-new">Select file</span>
<span class="fileupload-exists">Change</span>                        
<input type="file" class="file-upload" name="TaskFile"></span>
<a data-dismiss="fileupload" class="btn fileupload-exists" href="#">Remove</a>
<input id="hdFileExist" name="hdFileExist" type="hidden" value="False">                    <input id="hdSelectFile" name="hdSelectFile" type="hidden" value="False">
</div>

CSS

p {
    background: yellow;
  }

JavaScript

$( "#original" ).append( "<div id=\"original1\" class=\"add-select-files\">                    <div class=\"uneditable-input span3\">                        <i class=\"icon-file fileupload-exists\"></i><span class=\"fileupload-preview\"></span></div><span class=\"btn btn-file\">                        <span class=\"fileupload-new\">Select file</span>                        <span class=\"fileupload-exists\">Change</span>        <input type=\"file\" class=\"file-upload\" name=\"TaskFile\"></span><a data-dismiss=\"fileupload\" class=\"btn fileupload-exists\" href=\"#\">Remove</a><input id=\"hdFileExist\" name=\"hdFileExist\" type=\"hidden\" value=\"False\">                    <input id=\"hdSelectFile\" name=\"hdSelectFile\" type=\"hidden\" value=\"False\">                </div>" );