Question

我四处搜寻但我无法找到问题的答案。我正在尝试为学校项目创建一个tic tac toe游戏。我使用HTML创建了一个包含3行和3列的表格，我正在努力使其在单击每个单元格时出现x。有什么想法吗？

Answer 1

使用jQuery？

$("table td").click(function() {
   $(this).html("x");
});

Answer 2

我会在表上放一个id，然后从那里用jquery选择。

HTML：

<table id="ticTac">
    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
    <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
</table>

CSS：

#ticTac tr td {
    border: 1px solid black;
}
#ticTac tr td {
    padding: 20px;
}

使用Javascript：

$(document).ready( function() {
    $("#ticTac tr td").click(function() {
        $(this).html("x");
    });
});

JS小提琴：https://jsfiddle.net/opL45vLr/

如何使用jQuery使表中的每个单元格可单击？

2 个答案: