.prependTo() Method

Syntax

.prependTo()

Description

The .prependTo() method is more or less similar to “prepend” which allows to insert or append content to the beginning of the specified element. The only difference is that in .prepend() syntax, selector precedes content and in .prependTo() content precedes selector. Below example clearly shows you how to append the content at the beginning of the element using .prependTo() 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() { $("<b>Prepend this Paragraph </b>").prependTo("h4"); }; </script> <div class="inner"> <h3><font color="black">Prepeneding to Text</font></h3> <h4><font color=green>jQuery Tutorial</font> </h4> <h4><font color=green>This is .prependTo() jQuery</font> </h4> </div> <input type="button" value="Click here" onclick="test1();"> </div>