正文

jQuery替换文本内容

小编
小编 V管理员 /0 评论 /12 阅读
1213
欧意国内注册

在网页开发中，我们经常需要对页面上的文本内容进行修改，这可以通过使用jQuery的.text()或.html()方法来实现，这两个方法都可以用于获取或设置元素的文本内容。

.text()方法返回被选元素及其所有子元素的文本内容，如果参数被指定，则将设置该元素的文本内容。

.html()方法返回被选元素的HTML内容，如果参数被指定，则将设置该元素的HTML内容。

以下是一个简单的示例，演示如何使用jQuery的.text()和.html()方法来替换文本内容：

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>

<p id="myP">Hello, World!</p>

<button onclick="replaceText()">Replace Text</button>

<script>
function replaceText() {
    // 使用.text()方法替换文本内容
    $("#myP").text("New Text");

    // 使用.html()方法替换HTML内容
    $("#myP").html("<strong>New HTML Content</strong>");
}
</script>

</body>
</html>

在这个示例中，当用户点击"Replace Text"按钮时，会调用replaceText()函数，这个函数首先使用.text()方法将id为"myP"的元素的文本内容替换为"New Text"，然后使用.html()方法将id为"myP"的元素的HTML内容替换为"<strong>New HTML Content</strong>"。