Как удалить элемент, сохраняющий его содержимое с помощью jQuery?

Question

Пример:

<div id="block"> 
    <div id="wrapper"> 
     Some content 
     <p>Lorem ipsum...</p> 
     Little more 
    </div> 
</div> 

Цель состоит в том, чтобы удалить #wrapper сохранение его содержание. Все данные jQuery и события #wrapper должны быть сохранены. Содержание #wrapper неизвестно, поэтому ни $('#wrapper p').unwrap(), ни $('#block')[ 0 ].innerHTML += $('#wrapper').html; $('#wrapper').remove; неприемлемы.

Результат должен быть:

<div id="block"> 
    Some content 
    <p>Lorem ipsum...</p> 
    Little more 
</div> 

Answer 1

var $wrapper = $('#wrapper'); 
    $contents = $wrapper.contents(); 

if ($contents.length) 
    $contents.first().unwrap(); 
else 
    $wrapper.remove();