如何通过jQuery覆盖HTML元素中的现有内容

Question

我想覆盖HTML元素中的现有内容。我尝试将方法append（）添加到元素，但之后它只将内容附加到现有内容，我很遗憾无论如何都要覆盖元素中的整个内容？

Answer 1

＆＃13;

＆＃13;

$('input.append').click(function() {
  $('span').append('append')



})
$('input.html').click(function() {
  $('span').html('html')



})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span>span value</span>
<input type='button' class='append' value='Append' />
<input type='button' class='html' value='Html' />

＆＃13;

＆＃13;

＆＃13;

1. 使用.html（）进行更改。
2. append（）只会添加。

Answer 2

使用：

.empty().html("New Content");

这会清空你元素的内容，你可以添加你想要的任何内容。

Answer 3

首先清空该元素，然后添加html

eg: $('div').empty()

$('div').html('<h1>some text</h1>')