如何用jQuery覆蓋HTML元素中的現有內容

Question

我想覆蓋HTML元素中的現有內容。我嘗試使用方法追加（）到元素，但它只追加到現有的內容，我想知道有無論如何覆蓋元素的全部內容？

Answer 1

$('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' />

1. 使用的.html（）來改變。
2. append（）只會添加。

Answer 2

用途：

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

這將清空你的元素的內容和您可以添加任何你想呢。

Answer 3

第一個空是元素，然後添加HTML

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

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