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

假设您将动态创建此innerzone 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/

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

4 个答案: