javascript - 棋盘模式(空格和零)不适用于 JQuery

Question

这只是一个简单的小练习，但似乎有些东西不起作用，我也不太清楚为什么。我想做的是用 0 和空格制作一个棋盘图案，这样在不同的空格或 0 的旁边、上方或下方没有空格或 0。出于某种原因，它们似乎排成一行像这样的 0 列和空格:

0 0 0 0
0 0 0 0
0 0 0 0
0 0 0 0

而不是交替。这是我的 Javascript:

var length = 8;
var board = "";

$(document).ready(function() { 
    for (var i = 0; i < length; i++) {
        for (var j = 0; j < length; j++) {
            if ((i + j) % 2 == 0) {
                $('#chessboard').append(" ");
            } else {
                $('#chessboard').append("0");
            };
        };
        $('#chessboard').append("<br/>");
    };
});

非常感谢您的帮助。谢谢!

Answer 1

是交替的!你只需要一个比空白更大的空间来反射(reflect)高度所做的相同变化。

代替 $('#chessboard').append("");，您可以将其设为更大的空格，例如

`$('#chessboard').append(" ");`