javascript - 清空父 DIV 但不清空子 div

Question

我有两个 div，一个包含在另一个中:

<DIV id="DIV_1">
    parent_contents
    parent_contents

     <DIV id="DIV_2">
         child_contents
         child_contents
     </DIV>
</DIV>

我想删除 parent_contents，而不是 child_contents。当我这样做时:

$('#DIV_1').remove();

我丢失了子内容...

Answer 1

过滤掉文本节点并删除它们:

$('#DIV_1').contents().filter(function() {
    return this.nodeType === 3;
}).remove();

FIDDLE

或者只留下 #DIV_2，过滤掉那个元素:

$('#DIV_1').contents().filter(function() {
    return this.id != 'DIV_2';
}).remove();

FIDDLE