JQueryで要素のコンテンツを削除するには？

Question

私はそれの中にdivといくつかのコンテンツを持っていると言います。

<div> 
     Content 
</div> 

JQueryでは、divを削除せずにdivを空にするにはどうすればいいですか？

Answer 1

あなたは要素のすべての子ノード（そのすべての内容）を削除するempty機能を使用することができます。

$('#elementId').empty(); 

空の機能は、すべてのイベントハンドラとjQuery内部でキャッシュされたデータを削除します。

Answer 2

のdivにidを持っている場合、あなたはこのようにそれを行うことができます。

$('#id-of-div').html(''); 

それとも、の.class-の-DIV

$('.class-of-div').html(''); 

それとも、すべてのdiv要素のすべてのクラスを行うことができます

$('div').html(''); 

編集：しかし、empty()（上記）はうまくいくはずです。 .empty()と同様

Answer 3

Htmlの

<div id='emptythis'> 
    Content 
</div> 

のjQuery

$('#emptythis').html(''); 

Answer 4

$("div").remove(".hello"); 

、.remove()方法は、DOMから要素をとります。要素自体とその内部のすべてを削除する場合は、.remove()を使用します。要素自体に加えて、要素に関連付けられたすべてのバインドされたイベントとjQueryデータが削除されます。データとイベントを削除せずに要素を削除するには、代わりに.detach()を使用してください。

reference