How to use jQuery.text() method in jQuery?


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

Example

You can try to run the following code to learn how to use jQuery.text() method in jQuery −

Live Demo

<html>

   <head>
      <title>jQuery text() method</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   
      <script>
         $(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>

Updated on: 14-Feb-2020

64 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements