jQueryまたはJavaScriptを使用して他の要素にどのようにtd要素を定義するにはどうすればよいですか？

Question

Sea Battleのクライアント側の開発中、私はこの問題を見つけました。 私は2つのパネルを持っています：船とボード。 この画面を見てください：

すべての船とゲームボードがテーブルです。テーブルの各セルにはID（1-100）があります。私は "draggable"プラグインを使用して私の船をドラッグします。ボードは「ドロップ可能」要素です。どのように私は船の上にそれらのTDボードの要素を定義するのですか？ たとえば、その画面にはIDが12,13,14,15のセルが表示されます。

Answer 1

データ属性を使用して、1つのtdを他のものと区別し、使用するロジックに一致させることができます船を生成する。ドロップイベントが発生すると、あなたは何を処理しているのか把握することができます。

ただし、td要素にファンシースタイルを追加しようとするとすぐに、レンダリングの問題が発生する可能性があります。言うまでもなく、テーブルマークアップが意味するものの境界を押し広げていることは言うまでもありません。私はキャンバスの要素で遊んで、それを使ってゲームを構築しようと勧めます。