如何定義使用jQuery或JavaScript的另一個元素的td元素？

Question

在海戰的客戶端開發過程中，我偶然發現了這個問題。 我有兩個面板：船舶和董事會。 看看這個屏幕：

每艘船舶和遊戲鍵盤是一個表。表中的每個單元格都有id（1-100）。我使用「可拖動」插件拖動船隻。董事會是一個「可投入」的元素。我如何定義船上的那些td-board元素？ 例如，在該屏幕上，應該注意帶有id：12,13,14,15的單元格。

Answer 1

您可以使用data-屬性將一個td與另一個td區分開來，並將其與您使用的任何邏輯進行匹配生成船隻。當放下事件觸發時，你可以計算出你正在處理的是什麼。

但是，只要開始嘗試向td元素添加花哨樣式，就可能會遇到渲染問題。不用說，你正在推動什麼表格標記的意義​​。我會建議玩弄畫布元素，並嘗試用它構建你的遊戲。