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


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

示例

在线演示

<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>

更新于:2020-02-14

361 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始
广告