.insertAfter() Method

Syntax

.insertAfter()

Description

.insertAfter() is more or less similar to “after” which performs the same task of allowing to insert the content after the specified element. The main difference is that in .after() syntax, selector precedes the content where as in .insertAfter() the content precedes the selector
Below example clearly shows you how to insert the content using .insertAfter() function.

Example Code

<script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> function test1() { $("<h2>Insert this Heading </h2>").insertAfter("h4"); }; </script> <div class="inner"> <h3><font color="black">insertAfter() Example</font></h3> <h4><font color=green>jQuery Tutorial</font> </h4> <h4><font color=green>This is .insertAfter() jQuery</font> </h4> </div> <input type="button" class='btntest' value="Test" onclick="test1();"><br></div>