如何使用jQuery删除元素保存它的内容？

Question

示例：

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

目标是移除#wrapper保存其内容。必须保存#wrapper内容的所有jQuery数据和事件。 #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();