如何使用JavaScript在Div内部实现Div？

我有一个id为的div，我想在其中实现4个div，每个div也实现5个div。我使用的代码如下

$( document ).ready(function() {
    for(i=0;i<4;i++){
        j=i+1;
        document.getElementById("king").innerHTML += "<div id='level"+" "+"level--"+j+"'"+"></div>";
        var mainClass = "level--"+j;
        for(k=0;k<5;k++){
            console.log(mainClass);
            document.getElementById(mainClass).innerHTML += "<div></div>";
        }
    }
});

$（文档）.ready（函数（）{
对于（i=0；i我不确定，但您对jquery函数的看法是这样的

$('mainClass').prepend($('<div> new div </div>'));

$（'mainClass'）。前置（$（'newdiv'）；
我不确定，但您对jquery函数的看法如下

$('mainClass').prepend($('<div> new div </div>'));

$（'mainClass'）。前置（$（'newdiv'）；
根据我的更改您的代码，您将使其正常工作


$（文档）.ready（函数（）{
var king=$（“#king”）；
对于（i=0；i<4；i++）{
var j=i+1；
var节点=document.createElement（'li'）；
node.innerText=“Parent”+j；
追加（节点）；
对于（k=0；k<5；k++）{
var nodeChild=document.createElement（'li'）；
nodeChild.innerText=“Child”+k；
node.append（nodeChild）；
}
}
})；

根据我的密码更改您的密码，您将使其正常工作


$（文档）.ready（函数（）{
var king=$（“#king”）；
对于（i=0；i<4；i++）{
var j=i+1；
var节点=document.createElement（'li'）；
node.innerText=“Parent”+j；
追加（节点）；
对于（k=0；k<5；k++）{
var nodeChild=document.createElement（'li'）；
nodeChild.innerText=“Child”+k；
node.append（nodeChild）；
}
}
})；


单击并在此处发布代码
修复代码，使其不会出现错误。您的plunkr不起作用-您调用脚本main，但加载script.js
您不能访问具有“level--”+j；的任何内容，除非它存在于DOM中
不要混合使用jQuery和DOM访问，这非常混乱

$（文档）.ready（函数（）{
对于（变量i=0；i<4；i++）{
id=“级别--”+（i+1）；
$（“#king”）.append（“+id+”）；
var$mainclass=$（“#”+id）；
对于（var k=0；k<5；k++）{
$mainclass.append（“+k+”）；
}
}
})；


单击并在此处发布代码
修复代码，使其不会出现错误。您的plunkr不起作用-您调用脚本main，但加载script.js
您不能访问具有“level--”+j；的任何内容，除非它存在于DOM中
不要混合使用jQuery和DOM访问，这非常混乱

$（文档）.ready（函数（）{
对于（变量i=0；i<4；i++）{
id=“级别--”+（i+1）；
$（“#king”）.append（“+id+”）；
var$mainclass=$（“#”+id）；
对于（var k=0；k<5；k++）{
$mainclass.append（“+k+”）；
}
}
})；
类似于jQuery的东西可能会起作用


//代码在这里
$（文档）.ready（函数（）{
var king=$（“#king”）；
对于（i=0；i类似于jQuery的东西可能会起作用


//代码在这里
$（文档）.ready（函数（）{
var king=$（“#king”）；
对于（i=0；i1。单击
并在此处发布代码。2.修复代码，使其不会出现错误。您的plunkr不起作用-您调用脚本main，但加载script.js 3。您无法访问带有“level--”的任何内容+j、 除非它存在于DOM 4中，否则不要将jQuery和DOM access混合使用。注意：标识中不能有空格。我已经更新了我的plunker，但仍然存在相同的问题1。单击
并将代码发布到此处。2.修复代码，使其不会出现错误。你的plunkr不起作用-你调用脚本main，但加载script.js 3。你不能用“level--”+j访问任何东西；除非它存在于DOM 4中，否则不要混合使用jQuery和DOM访问。这是非常混乱的注意：你不能在Identifier中使用空格。我已经更新了我的plunker，但仍然是同一个问题