javascript - 使用 jQuery 的网格大小调整器

Question

我正在使用 jQuery 用 Ja​​vaScript 为自己编写一个小游戏。该游戏有一个棋盘，里面有单元格，很像扫雷:用户单击一个单元格，并且需要以某种方式更改其数据。每个单元格都由一个简单的图像呈现，但有一些与之相关的更多数据。

我最需要的是，当用户单击单元格时，我必须以某种方式确定被单击的行和列，适本地操作数据并更改 View 。

一方面，在每个单独的单元格上设置点击处理程序似乎有些过大，但如果您在整个表格上设置点击处理程序，则需要 PITA 来确定单击了哪个表格单元格。

遇到这样的情况你会如何处理？也许已经有一个插件可以简化整个事情？

Answer 1

在整个表格上添加点击处理程序。使用 event.target 获取单击的单元格。向每个单元格添加一个属性，告诉您它是什么行/列，这样您就不必运行任何大量/繁重的 JS 来弄清楚它。

伪代码:

$("table.game").click(function(e){
  var cell = e.target;
  var pos = $(cell).attr("name").split["_"];
  var x = pos[0];
  var y = pos[1];
  return false;
});

标记:

<table class="game">
  <tbody>
  <tr>
   <td name="0_0">
     sdfasdfa
   <td>
  </tr>
  </tbody>
</table>

注意:名称以数字开头并不好，因此请根据需要进行修复