如何使用jQuery获取所有匹配元素的文本内容？

Z时代
2024-01-10
分类：综合

要使用jQuery获取所有匹配元素的文本内容，请使用text()方法。您可以尝试运行以下代码以使用jQuery获取所有匹配元素的文本内容-

示例

<html>
   <head>
      <title>The Selector Example</title>
      <script src = "https://cdn.staticfile.org/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>