jquery add after element code example

Example 1: add div after div jquery

$( "<p>Test</p>" ).insertAfter( $( ".container" ) );

Example 2: jquery insert after

$( "<p>Test</p>" ).insertAfter( ".inner" );

Example 3: jquery create html element

var newDiv = $('<div>My new div</div>');  //create Div Element w/ jquery
$( "#someOtherElement" ).append(newDiv); //append new div somewhere

Example 4: 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 5: add html after div jquery

$( ".inner" ).after( "<p>Test</p>" );

Example 6: append after element jquery

$("p").after(" <b>You can write your Text Here </b>.");