jquery - 在 Jquery 中将 div 移动到新子项中

Question

如何将 div（保留所有实例化的 js）从同一个 div 移动到新的子 div？

可以说我有这个：

<div id="container">
 /*lots of content draggables, scrolls, ..*/
</div>

我想得到这个：

<div id="container">
  <div class="innerzone">
    /*lots of content draggables, scrolls, ..*/
  </div>
</div>

Answer 1

使用：.wrapInner()

$('#container').wrapInner('<div class="innerzone" />');

Answer 2

你需要知道的是.append()和.appendTo()

$("#container").append(".innerzone");
$(".innerzone").appendTo("#container");

Answer 3

假设您将动态创建此内部区域 div

$(document).ready(function () {
     //created new div
     var new_div = $('<div></div>');
     new_div.addClass('.innerzone');

    var div = $("#CONTENT_DIV");
    div.appendTo(new_div);
    $("#container").append(new_div);
});

Answer 4

你可以试一试：

$(".innerzone").appendTo("#container");

在这里检查它：http: //jsfiddle.net/fS2jV/