.append() Method

Syntax

.append()

Description

.append() method allows to insert or append content to the end of the specified element. .append( function(index, html)) is the function that returns the string appended to the matched element. Below example clearly shows you how to append a content to 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(){ $('li').append(function(s) { return s+"<b>:Append this listed element</b>" ; }); } </script> <div class="inner"> <h3><font color="black">Appending the Text</font></h3> <ul style='padding-left:3em;'> <li><font color=green>jQuery Tutorial</font> </li> <li><font color=green>This is .append() jQuery</font> </li> </div> <input type="button" class="btntest" value="Test" onclick="test1();"><br>