jquery - div要素からのコンテンツの削除

Question

div自体を削除せずに、2つのdiv要素からコンテンツを削除しようとしています。

<div id='test'>

content I want to remove

    <div id='childDiv'>

      content I want to remove

   </div>

</div>

childDivとtestdivを保持したいのですが、それらの内容を削除します。それ、どうやったら出来るの？

$('#test').empty()も削除されchildDivます。

Answer 1

childDivを保存してから親を空にしてから、内側の子を元に戻すのはどうですか？

$('#test').html($('#childDiv').html()) // didn't quite work

// this clears both divs and leaves only the structure
$('#test').html($('#childDiv').html("")); 

jsFiddle、結果の黒い線をクロムで確認し、検査します。http://jsfiddle.net/tbspn/

Answer 2

.contents() と関数を使用 して、.filter()それらをフィルタリングします。

$('div').each(function() {
    $(this).contents().filter(function() {
        return this.nodeType != 1
    }).remove();
});​

フィドルをチェック

余分な入れ子

return this.nodeType != 1すべての非要素タイプのノードを選択し、それらをDOMから削除します。

Answer 3

これを行うJavaScriptの方法は次のとおりです。

document.getElementById('test').innerHTML = '';
document.getElementById('childDiv').innerHTML = '';

Answer 4

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

すべての内部マークアップもクリアします。

Answer 5

これは機能するはずです：

$('#test').text('');

$('#childDiv').text('');