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

Question

在开发 Sea Battle 客户端的过程中，我偶然发现了这个问题。我有两个面板:带船和带板。看看这个屏幕:

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

Answer 1

您可以使用 data- 属性将一个 td 与另一个区分开来，并将其与您用于生成飞船的任何逻辑相匹配。当 drop 事件触发时，您可以弄清楚您正在处理的是什么 td。

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