javascript - 別のタグの下の特定の div の後にすべてのコンテンツを移動する

Question

div (再び div の下にある) の後のすべてのテキスト (html コンテンツ) を別のタグに移動したいと考えています。たとえば、次のようなページがある場合、div2 以降のすべてを body に移動したい:

<body>
    <div id=div1>
      <div id=div2></div>
      <div id=div3></div>
      <script>blah</script>
      and much more
    </div>
</body>

に

<body>
   <div id=div1>
      <div id=div2></div>
    </div>
    <div id=div3></div>
    <script>blah</script>
    and much more
 </body>

これどうやってするの？使用する

$('#div').appendTo('body');

そのdivのみを移動します。

score 2 · Accepted Answer

これは、jQuery を使用して実現できます。

   var elems = $("#div2").nextAll();
    $('body').append(elems );

score 0 · Accepted Answer

私の試みでは、テキストノードを移動しないため、上記の応答は正しくありません。これを試してください、それがあなたが探しているものであることを願っています:

var $div = $("#div2"), $con = $div.parent().contents();
$con.slice($con.index($div)+1).appendTo("body");

2 に答える 2