jquery - この親のコンテンツを削除

Question

私はこのHTMLを持っています:

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

span ではない div#hi 内のすべて (*) を削除したいと思います。

これはうまくいかないようです：

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

それはあらゆるものを取り除きます。他に何を試すことができますか？

score 5 · Accepted Answer

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

score 1 · Accepted Answer

これを試すことができます.clone()：

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

2 に答える 2