如何使用 jQuery 获取元素内的文本
答案:使用jQuery text()方法
您可以简单地使用 jQuery text() 方法来获取元素内的所有文本内容。 text() 方法还返回子元素的文本内容。
让我们看一个例子来了解这个方法的基本工作原理:
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery 获取元素的文本内容</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
/* 显示纯段落的文本内容 */
$(".show-plain-text").click(function(){
alert($(".plain").text());
});
/* 显示格式化段落的文本内容 */
$(".show-formatted-text").click(function(){
alert($(".formatted").text());
});
});
</script>
</head>
<body>
<p class="plain">The quick brown fox jumps over the lazy dog.</p>
<p class="formatted">The <strong>quick</strong> brown fox <em><sup>jumps</sup></em> over the <a href="#">lazy dog</a>.</p>
<button type="button" class="show-plain-text">Get Plain Text</button>
<button type="button" class="show-formatted-text">Get Formatted Text</button>
</body>
</html>在上面的示例中，当您尝试获取痛苦段落和格式化段落的文本内容时，它将产生相同的结果，因为 text() 方法获取所有选定元素的组合文本内容 ，包括他们的后代。
FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答:
