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


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>

Updated on: 14-Feb-2020

324 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements