.text() Method

Syntax

.text()

Description

jQuery .text() is one of the methods which allows to insert text to the matched element. You can combine the text of elements or even replace the text in a particular element. The below example clearly shows you how to replace the existing text with new text in an element using .text() function.

Example Code

<style> h1 {color:black; margin:8px; } </style> <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').text(function(s) { return s+ ":This is Paragraph "; }); } </script> <div class="inner"> <h3>Changing the Text</h3> <h4>jQuery Tutorial</h4> <h4>This is .text() jQuery</h4> </div> <input type="button" value="Click here" onclick="test1();"> </div>