jQuery - 仅设置元素的文本而不删除其他元素（锚点）

JS

使用jQuery设置元素的文本是一项非常常见的任务。通常，我们会使用.text()方法来设置元素的文本内容。但是，如果我们只想设置元素的文本而不删除其他元素，该怎么办呢？

在jQuery中，我们可以使用.html()方法来实现这个目标。与.text()方法不同，.html()方法不仅可以设置元素的文本，还可以设置包含HTML标记的文本。这意味着我们可以通过使用.html()方法来设置元素的文本，而不会删除其他元素。

下面是一个简单的示例，演示了如何使用.html()方法来设置元素的文本：

html
<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.JS"></script>
</head>
<body>
<div id="myDiv">
  
这是一个包含其他元素的div。
  
我们将使用jQuery设置div的文本。
</div>
<script>
$(document).ready(function(){
  // 使用.html()方法设置div的文本
  $("#myDiv").html("
这是一个新的段落。
");
});
</script>
</body>
</html>

在这个示例中，我们有一个包含其他元素的div。我们使用.html()方法将div的文本设置为一个新的段落。请注意，我们使用的是包含HTML标记的字符串作为参数传递给.html()方法。

运行这个示例后，你会看到div的文本被替换为新的段落，而其他元素保持不变。这就是我们使用.html()方法来设置元素的文本而不删除其他元素的方式。

案例代码：

html
<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.6.0.min.JS"></script>
</head>
<body>
<div id="myDiv">
  
这是一个包含其他元素的div。
  
我们将使用jQuery设置div的文本。
</div>
<script>
$(document).ready(function(){
  // 使用.html()方法设置div的文本
  $("#myDiv").html("
这是一个新的段落。
");
});
</script>
</body>
</html>

：

在本文中，我们学习了如何使用jQuery设置元素的文本而不删除其他元素。通过使用.html()方法，我们可以设置包含HTML标记的文本，从而实现这个目标。这种方法非常方便，可以在许多实际应用中使用。希望这篇文章对你有所帮助！