Javascript 使用divjquery创建div

我正在一个div中生成div。我的脚本目前只在主体中生成div。如何使它成为一个div正在生成的div。非常感谢

$(document).ready(function () {
  var classes = ['box1', 'box2', 'box3', 'box4', 'box5'],
  counter = 0;

  makeDiv();


  function makeDiv() {
    var numRand = Math.floor(Math.random() * 501);
    var divsize = 5;
    var posx = (Math.random() * ($('body').width() - divsize)).toFixed();
    var posy = (Math.random() * ($('body').height() - divsize)).toFixed();
    $newdiv = $("<div class='" + classes[counter] + "'></div>").css({
      'left': posx + 'px',
      'top': posy + 'px'
    });
    $newdiv.appendTo('body').delay(20).fadeIn(100, function () {
      //$(this).remove();
      makeDiv();
    });

    counter = counter < divsize -1 ? counter + 1 : 63;
  }
})

$（文档）.ready（函数（）{
变量类=['box1'，'box2'，'box3'，'box4'，'box5']，
计数器=0；
makeDiv（）；
函数makeDiv（）{
var numRand=Math.floor（Math.random（）*501）；
var-divsize=5；
var posx=（Math.random（）*（$（'body'）.width（）-divsize））.toFixed（）；
var posy=（Math.random（）*（$（'body'）.height（）-divsize））.toFixed（）；
$newdiv=$（“”）.css({
“左”：posx+“px”，
“顶部”：posy+“px”
});
$newdiv.appendTo（'body'）。delay（20）。fadeIn（100，函数（）{
//$（this.remove（）；
makeDiv（）；
});
计数器=计数器

好的，那么，如果您想在一个名为父div的公共div中创建所有的

，请尝试下一个示例：

var counter = 0;
var classes = ['box1', 'box2', 'box3', 'box4', 'box5'];

$(document).ready(function ()
{
    // Create the parent div of all divs that will be generated.
    // Add this div to the body.

    $('<div id"parent_div"></div>').appendTo('body');

    // Start recursive creation of more divs.

    makeDiv();
});

function makeDiv()
{
    var numRand = Math.floor(Math.random() * 501);
    var divsize = 5;
    var posx = (Math.random() * ($('body').width() - divsize)).toFixed();
    var posy = (Math.random() * ($('body').height() - divsize)).toFixed();

    var newdiv = $('<div class="' + classes[counter] + '"></div>').css({
        'left': posx + 'px',
        'top': posy + 'px',
        'display': 'none' // Since you want they to fadeIn.
    });

    // FIX: can't set counter to 63 because will cause indexing error on array classes.
    //counter = counter < divsize -1 ? counter + 1 : 63;
    counter = counter < (divsize - 1) ? counter + 1 : 0;

    newdiv.appendTo($("#parent_div")).delay(20).fadeIn(100, function ()
    {
        makeDiv();
    });
}

var计数器=0；
变量类=['box1'、'box2'、'box3'、'box4'、'box5']；
$（文档）.ready（函数（）
{
//创建将生成的所有div的父div。
//将此div添加到主体中。
$（''）。附于（'正文'）；
//开始递归创建更多div。
makeDiv（）；
});
函数makeDiv（）
{
var numRand=Math.floor（Math.random（）*501）；
var-divsize=5；
var posx=（Math.random（）*（$（'body'）.width（）-divsize））.toFixed（）；
var posy=（Math.random（）*（$（'body'）.height（）-divsize））.toFixed（）；
var newdiv=$（''）.css({
“左”：posx+“px”，
“顶部”：posy+“px”，
'display'：'none'//因为您希望它们淡入淡出状态。
});
//修复：无法将计数器设置为63，因为这将导致数组类上的索引错误。
//计数器=计数器

您创建的每个新

都希望位于先前创建的

中？换句话说，第一个div必须在body标记内，然后下一个div必须在前一个div内，依此类推？您能否指定是否希望所有div都是级联的，或者，如果您只想将它们全部放在页面主体上的单个div中？@D.Smania每个新div都在父div中。因此，父div位于主体标记中，新生成的div位于父div中。