Javascript 在my js generated中添加一个额外的层；“跳棋”；板

我有以下小提琴（点击1可以看到棋盘）：

守则的这部分：

 this.getHTML = function () {
        return '<div class="tile tile' + this.type + '" style="left:' + this.x + 'px; top:' + this.y + 'px"></div>';
    };

目前它有一层。我想在第一层的上面再加一层。基本上，在这块板的顶部（以及以后的更多层）添加一块板。该板的代码应如下所示：

//layer2
  [0, 3, 4],
  [0, 0, 0, 0, 0],
  [0, 4, 3],
  [0, 0, 0, 0, 0]

---

如果尝试将它放入额外的标记{}，那么它将在进入level2之前首先完成它之间的循环，但无法使它工作。玩了一点z索引，也没什么运气。

注意，你的1级图层都在同一个“级别”

请参阅下面的更正版本：

var levels = [
    [ //level one
        [//layer one of level one
            [1, 2, 1],
            [0, 0, 0, 0, 0, 0],
            [2, 1, 2],
            [0, 0, 0, 0, 0, 0],
            [1, 2, 1],
            [0, 0, 0, 0, 0, 0]
        ],
        [ //layer one of level one
           [0, 3, 4],
           [0, 0, 0, 0, 0],
           [0,4,3],
           [0, 0, 0, 0, 0]
        ]
    ],
    [ //level two
        [//layer one of level two
            [1,2,0,1,2,1],
            [1, 2]
        ]
    ]

];

---

我不知道你想要什么。。？也许你可以添加一个硬编码的示例，说明你希望从理想输出中看到什么？@kwah hi kwah，我在这里的描述确实有点模糊，因此我用截图和小提琴创建了一个新问题：希望你能帮助我超越，尽管你真的应该编辑这个问题-两个问题都是一样的，但其中一个版本比另一个版本更漂亮；）谢谢，你说得对，我本可以编辑这个而不是创建一个新的。谢谢你的修复和提示！

var levels = [
    [ //level one
        [//layer one of level one
            [1, 2, 1],
            [0, 0, 0, 0, 0, 0],
            [2, 1, 2],
            [0, 0, 0, 0, 0, 0],
            [1, 2, 1],
            [0, 0, 0, 0, 0, 0]
        ],
        [ //layer one of level one
           [0, 3, 4],
           [0, 0, 0, 0, 0],
           [0,4,3],
           [0, 0, 0, 0, 0]
        ]
    ],
    [ //level two
        [//layer one of level two
            [1,2,0,1,2,1],
            [1, 2]
        ]
    ]

];