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

时间:2016-10-07 04:31:39

标签: jquery html dom

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

3 个答案:

答案 0 :(得分:7)



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



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



})

<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()只会添加。

答案 1 :(得分:0)

使用:

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

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

答案 2 :(得分:0)

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

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

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