.before() Method

Syntax

.before()

Description

.before() method allows to insert or append content before the specified element. .before( function(index)) is the function that returns the string inserted before every matched element. Below example clearly shows you how to insert a content before the specified element.

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').before(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 .before() jQuery</font> </h4> </div> <input type="button" class="btntest" value="Test" onclick="test1();"><br>