jquery - 1つを除くdiv子のjQuery削除

Question

main要素以外のすべてを削除するにはどうすればよいulですか?

<div id="main">
 <div id="a">
  <div id="b">
    <div id="c"></div>
    <div id="d"></div>
    <div id="e">
      <ul></ul>
    </div>
  </div>
 </div>
</div>

Answer 1

目的の結果が<div id="main"><ul></ul></div>であり、すべてを保持したい<ul>場合（または、1つしかない場合）：

$( '#main' ).html( $( '#main ul' ) );​​​​​​​​​​​​​​​​​​​​

デモ： http： //jsfiddle.net/pEvNt/

ulの親とulを一緒に削除するため、これを行う$( '#main' ).not( 'ul' ).remove()と機能しません（http://jsfiddle.net/h67Ge/を参照）。

Answer 2

試す：

$('#main').children().not('ul').remove();

Answer 3

これができた

  $('#main ul').detach().prependTo('#main').siblings().remove();

Answer 4

$("ul", "#main").appendTo($("#main")).siblings().remove();

フィドル