.insertBefore() Method

Syntax

.insertBefore()

Description

.insertBefore() Method is more or less similar to “before” which performs the same task of allowing to insert the content before the specified element. The main difference is that in .before() syntax, selector precedes the content where as in .insertBefore() the content precedes the selector. Below example clearly shows you how to insert the content using .insertBefore() 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>").insertBefore("h4"); }; </script> <div class="inner"> <h3><font color="black">insertBefore() Example</font></h3> <h4><font color=green>jQuery Tutorial</font> </h4> <h4><font color=green>This is .insertBefore() jQuery</font> </h4> </div> <input type="button" class='btntest' value="Test" onclick="test1();"><br>