关注我们

jQuery 中的 text( val )方法函数

text(val)方法设置所有匹配元素的文本内容。此方法类似于html(val)，但转义所有HTML实体。

text( val ) - 语法

selector.text( val )

这是此方法使用的所有参数的描述-

val - 任何字符串

text( val ) - 示例

以下示例将在第二个段落中设置第一个段落的HTML内容，但是它会转义所有HTML标签。

<html>
   <head>
      <title>The Selecter Example</title>
      <script type="text/javascript" 
         src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
   
      <script type="text/javascript" language="javascript">
         $(document).ready(function() {
            var content=$("p#pid1").html();
            $("#pid2").text(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>

这将产生以下输出-

无涯教程网

This is first paragraph.
This is <i>first paragraph</i>.

祝学习愉快！(内容编辑有误？请选中要编辑内容 -> 右键 -> 修改 -> 提交！)

技术教程推荐

好记忆不如烂笔头。留下您的足迹吧 :)