JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

<div id="firstdiv" class="sample">
    <span name="jQuery">   Hello Jquery </span>
</div>
<br/><br/><br/><br/><br/>
<div id="seconddiv" class="sample">
    <span name="jQuery">   Hello world </span>
</div>

<input type="button" value="after" />
<input type="button" value="inserafter" />

CSS

.sample{
    background-color: white;
    height: 40px;
}

JavaScript

$("input[value='after']").click(function(){
    $("#firstdiv").after("<h1>Hai</h1>");
});
$("input[value='inserafter']").click(function(){
    $('<h2>Hai</h2>').insertAfter("#seconddiv");
});