Пустой родительский DIV, но не ребенок ДИВ

Question

У меня есть две дивы включены друг в друга:

<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

отфильтровывать textnodes и удалить их:

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

Answer 2

Я уверен, что один из самых простых способов будет скопировать содержимое DIV_2 ребенка в переменную, а затем просто добавить его в DIV_1 после опорожнения.

jsFiddle DEMO

var $temp = $('#DIV_2'); 
$("#DIV_1").empty().append($temp);