javascript - 变量 "i"行为异常，jQuery 函数没有按照我的意愿执行

Question

我正在制作一个 ascii 游戏。

    $("#GameContainer").eq(i).contents().html(map[i]);

这行代码。我不知道为什么，但它不起作用。在过去的几个小时里，我一直在试图弄清楚，但没有。

function startGame() {
    map = map_Default.slice();
    for (var i = 0; i < map.length; i++) {
        $("#GameContainer").eq(i).contents().html(map[i]);
    }
}

所以在 for 循环中，当在 eg() 函数中调用时，它的行为就像它应该的那样，即 0, 1, 2, 3, 4, 5 ， 等等。当在 html() 函数中调用时，它似乎停留在 0，因此它不会像正常情况那样渲染 map ，而是重复第一行图 block 。另外，我很确定我不必使用 contents() 函数，但是当我不用时，html() 函数只会替换#GameContainer 与 map[i]。

这里还有更多:

$(document).ready(function () {
    var mapl_Half = Math.floor(map.length / 2);
    var trl_Half = Math.floor(map[mapl_Half].length / 2);
    var whitespace = Math.floor(trl_Half - (startmessage.length / 2));
    map[mapl_Half] = map[mapl_Half].substring(0, whitespace) + startmessage + map[mapl_Half].substring(whitespace + startmessage.length);
    for (var i = 0; i < map.length; i++) {
        $("#GameContainer").append("<p class=\"tilerow\">" + map[i] + "</p>");
    }
    $(document).keydown(function (key) {
        switch (key.keyCode) {
            case 13:
                startGame();
                break;
        }
    });
});

唯一遗漏的是两个变量 map 和 map_Default，它们是字符串数组。

此处发布:http://camron.onyxtek.com/Main/AsciiGame/

Answer 1

您只能有一个具有给定 id 的元素。

所以

$("#GameContainer")

只包含一个元素，因此

$("#GameContainer").eq(i)

没有意义。

但似乎你想要的是索引i in #GameContainer 的 child 。你可以用

$("#GameContainer .tilerow").eq(i)