jquery 属性 text()

最新推荐文章于 2024-07-30 20:19:19 发布

iteye_2604

最新推荐文章于 2024-07-30 20:19:19 发布

阅读量113

点赞数

分类专栏： jQuery 文章标签： jQuery HTML ViewUI

jQuery 专栏收录该内容

95 篇文章

订阅专栏

本文介绍了如何使用jQuery的text()方法来获取和设置HTML元素的文本内容。通过实例演示了text()方法的基本用法，包括从匹配元素集合中获取文本信息及向元素注入新的文本内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

text()

从匹配元素集合中得到每个元素的文本信息，并将其合并在一起返回一个String。不能对input元素使用。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    
    var str = $("p:first").text();
    $("p:last").html(str);

  });
  </script>
  <style>
  p { color:blue; margin:8px; }
  b { color:red; }
  </style>
</head>
<body>
  <p><b>Test</b> Paragraph.</p>
  <p></p>
</body>
</html>

var str = $("p:first").text();
获取匹配p元素集合中第一个p元素的文本内容。以下是获取文本信息

Test Paragraph

text(val)

对匹配的元素集合中每个元素都注入文本内容‘val’。不能对input元素使用。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    $("p").text("<b>Some</b> new text.");
  });
  </script>
  <style>
  p { color:blue; margin:8px; }
  </style>
</head>
<body>
  <p>Test Paragraph.</p>
</body>
</html>

$("p").text("<b>Some</b> new text.");
对匹配的p元素集合每个p元素都注入文本内容。以下为文本内容

<b>Some</b> new text.