How to get text contents of all matched elements using jQuery?

jQueryWeb DevelopmentFront End Technology

To get the text contents of all matched elements using jQuery, use the text() method. You can try to run the following code to get text contents of all matched elements using jQuery −

Example

Live Demo

<html>
   <head>
      <title>The Selector Example</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
   
      <script>
         $(document).ready(function() {
           $("#button1").click(function(){
             var content = $("#pid2").text();
             alert(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>
      <button id="button1">Get</button>
   </body>
</html>
raja
Published on 15-Dec-2017 10:12:35
Advertisements