Javascript 棋盘模式（空格和零）不适用于JQuery

这只是一个简单的小练习，但有些东西似乎不起作用，我不太清楚为什么。我要做的是用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/>");
    };
});

var长度=8；
var board=“”；
$（文档）.ready（函数（）{
对于（变量i=0；i）；
};
});

---

非常感谢你的帮助。谢谢

它是交替的！您只需要比空白更大的空间来反映高度所做的相同更改

而不是

$（“#棋盘”）。附加（“”），您可以将其设置为更大的空白，如

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

它按预期工作，但查看时会忽略空格。正如您在下面的示例中所看到的，它使用破折号而不是空格，可以正常工作


var长度=8；
var board=“”；
$（文档）.ready（函数（）{
对于（变量i=0；i）；
};
});

这可以按预期工作，但空格是不可见的。使用破折号（-）而不是空格，您会看到。您忘记了
&emsp