如何使表中的所有单元格在JavaScript中无法点击？

Question

我用JavaScript制作了简单的扫雷游戏（适用于学校项目）。

它的5x5矩阵基于10个地雷随机放入矩阵中。我已经使用5x5表进行图形表示，并且我在每个单元onclick函数中添加了检查相应的矩阵单元是否为我的函数。如果不是，它会将单元格用黄色着色并写入多少相邻单元格是地雷。

现在我需要制作它，如果细胞是我的，所有其他细胞都变得不可点燃。

任何帮助将不胜感激。

Answer 1

我会在表格中添加一个类来将其标记为活动状态，让点击处理程序使用该类，点击炸弹后，我会删除该类并添加一个表示游戏已结束的类。

开始于：

<table class="game-active">

点击炸弹后：

<table class="game-over">

通过这个：

$('table.game-active').removeClass('game-active').addClass('game-over');

Answer 2

您可以向cell（）添加一个属性，该属性将表示boolean checkable属性，并在click事件函数中检查该属性。 如果您使用jQuery，可以使用data（）函数来设置和获取该属性。 你这样使用它： 得到：

if($(this).data("propName")==booleanValue){
   // write your code here
}

组：     $（本）。数据（＆＃34; PROPNAME＆＃34;，的booleanValue＆＃34）;