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

jQueryWeb DevelopmentFront End Technology

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>
raja
Published on 19-Dec-2017 08:54:49

Advertisements