我想覆盖HTML元素中的现有内容。我尝试将方法append()添加到元素,但之后它只将内容附加到现有内容,我很遗憾无论如何都要覆盖元素中的整个内容?
答案 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;
答案 1 :(得分:0)
使用:
.empty().html("New Content");
这会清空你元素的内容,你可以添加你想要的任何内容。
答案 2 :(得分:0)
首先清空该元素,然后添加html
eg: $('div').empty()
$('div').html('<h1>some text</h1>')