删除此父级的内容

Question

我有这个HTML：

    <div id="hi">
    <span style="border:1px solid red;">This span should stay</span>
    <br />
    this should be removed
</div>

我想删除div＃hi里面的所有内容（*），而不是span：

这似乎不起作用：

 $('#hi').not('span').remove();

它删除了evertthing。我还能尝试什么？

JsFiddle example

Answer 1

$('#hi').contents().filter(function(){
     return this.localName !== 'span';
}).remove();

http://jsfiddle.net/TUuQ9/

Answer 2

您可以使用.clone()：

尝试此操作

$cln = $('#hi').find('span').clone();
$('#hi').html($cln);

FIDDLE