.after() Method

Syntax

.after()

Description

.after() method allows to insert or append content after the specified element. .after( function(index)) is the function that returns the string inserted after the matched element. Below example clearly shows you how to insert the content using .after() 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(){ $('h4').after(function(s) { return "<h2>Insert this Heading "+ s +"</h2>"; }); } </script> <div class="inner"> <h3><font color="black">After() Example</font></h3> <h4><font color=green>jQuery Tutorial</font> </h4> <h4><font color=green>This is .after() jQuery</font> </h4> </div> <input type="button" class="btntest" value="Test" onclick="test1();"><br>