jQueryでHTML要素内の既存のコンテンツを上書きする方法

Question

HTML要素内の既存のコンテンツを上書きしたい。私は、要素にメソッドappend（）を試してみましたが、既存のコンテンツだけを追加しましたが、要素内のコンテンツ全体をオーバーライドするのは不思議でしたか？

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>')