如何使用 jQuery 中的 jQuery.text() 方法?


text() 方法获取所有匹配元素的合并文本内容。这种方法对 XML 和 XHTML 文档都能用。

实例

你可以尝试运行以下代码来学习如何使用 jQuery 中的 jQuery.text() 方法 −

在线示例

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

更新时间: 14-Feb-2020

98 次浏览

开启你的 职业生涯

完成课程即可获得认证

开始吧
广告