jQuery之设置获取文本内容text()获取元素的文本
warning:
这篇文章距离上次修改已过204天，其中的内容可能已经有所变动。
在jQuery中，text() 方法用于获取或设置匹配元素集合中每个元素的文本内容。当不提供参数时，该方法会获取第一个匹配元素的文本内容。当提供一个字符串参数时，该方法会设置所有匹配元素的文本内容为该字符串。
获取文本内容：
$(selector).text();设置文本内容：
$(selector).text(content);实例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery text() Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="example">Hello, <b>World</b>!</div>
<script>
$(document).ready(function(){
// 获取文本内容
var textContent = $('#example').text();
console.log(textContent); // 输出: Hello, World!
// 设置文本内容
$('#example').text('New content');
});
</script>
</body>
</html>在这个例子中，当页面加载完成时，我们首先使用 $('#example').text() 获取了 div 元素的文本内容，然后通过 .text('New content') 将其设置为新的文本内容 "New content"。
评论已关闭