append after element code example
Example 1: jquery insert after
$( "<p>Test</p>" ).insertAfter( ".inner" );
Example 2: append after javascript
//insert new Element after some reference Element
function insertAfter(newElement, referenceElement) {
referenceElement.parentNode.insertBefore(newElement, referenceElement.nextSibling);
}
//example usage
var newElement = document.createElement("div");
newElement.innerHTML = "my New Div Text";
var myCurrentElement= document.getElementById("myElementID");
insertAfter(newElement, myCurrentElement);
Example 3: jquery append after
<div class="container">
<h2>Greetings</h2>
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
<script>$( "<p>Test</p>" ).insertAfter( ".inner" );</script>
Example 4: append after element jquery
$("p").after(" <b>You can write your Text Here </b>.");
Example 5: js append html in div after
//Use Jquery
//Include this in your <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
// This over writes any existing data in the element
// To prevent you can just create a new div under your element
<yourElement>
<div id='<your element id here>'>
</div>
</yourElement>
$('#<your element id here>').html(data);