jQuery - text( ) Method

Description

The text( ) method gets the combined text contents of all matched elements. This method works for both on XML and XHTML documents.

Syntax

Here is the simple syntax to use this method −

selector.text( )

Parameters

Here is the description of all the parameters used by this method −

Example

Following example would find the text in the first paragraph stripping out the html, then set the html of the second paragraph to show it is just text.

Live Demo

<html>
   <head>
      <title>The Selecter Example</title>
      <script type = "text/javascript" 
         src = "https://www.tutorialspoint.com/jquery/jquery-3.6.0.js">
      </script>
   
      <script type = "text/javascript" language="javascript">
         $(document).ready(function() {
            var content = $("p#pid1").text();
            $("#pid2").html(content);
         });
      </script>
		
      <style>
         .red { color:red; }
         .green { color:green; }
      </style>
   </head>
	
   <body>
      <p class = "green" id = "pid1">This is <i>first paragraph</i>.</p>
      <p class = "red" id = "pid2">This is second paragraph.</p>
   </body>
</html>

This will produce following result −

jquery-attributes.htm