append html after div jquery 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 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: jquery append div

$('#box').append(
  $('<div/>')
    .attr("id", "newDiv1")
    .addClass("newDiv purple bloated")
    .append("<span/>")
      .text("hello world")
);

Example 6: append after an element jquery

Suppose you have to append as below scenario

<select name="username">
  <option>Select name</option>
------	i wants my array data gets iterate here  ------
</select>

Js:
$("select option").after(data);

/*
I hope it will help you.
Namaste _/\_
*/