javascript - 如何使用 jQuery 或 JavaScript 定义另一个元素的 td-elements？

Question

在开发海战客户端的过程中，我偶然发现了这个问题。我有两个面板：带船和带板。看看这个画面：

每艘船和游戏板都是一张桌子。表格的每个单元格都有它的 id (1-100)。我使用“可拖动”插件拖动我的船。Board 是一个“可放置”的元素。我如何定义船舶所在的那些 td-board 元素？例如，在该屏幕上，应注意 id 为 12、13、14、15 的单元格。

Answer 1

您可以使用 data- 属性来区分一个 td 和另一个，并将其与您用于生成船舶的任何逻辑相匹配。当 drop 事件触发时，您可以找出您正在处理的 td 。

但是，一旦您开始尝试向 td 元素添加花哨的样式，您可能会遇到渲染问题。不用说，您正在突破表格标记的用途。我建议使用 canvas 元素并尝试用它来构建你的游戏。