jquery - 要素をドラッグして特定の要素にドロップする方法

Question

私はdrag and drop自分のコードで機能を実行しようとしています。

私のページには少なくとも 2 つあり、 にドラッグしtablesたいと考えています。table 1 celltable 2 cell

ほとんどのtable 2セルは空です。

私のhtml

Table 1

<table class = 'dragtable'>

//bunch of cells...

</table>


Table 2

<table class = 'dragtable'>

//bunch of cells...

</table>

私のコードでは：

  obj = $('.dragtable td');
   emptyCell = $('.dragtable td:empty');
   $(obj).draggable({
       cursor:'pointer',
       snap:emptyCell
   })

上記の私のコードは、ユーザーにセルをドラッグさせることができますが、ユーザーがアイテムをページのどこにでもドロップできるのではなく、空のセルにのみドロップできるようにする必要があります。私のemptyCell場合はうまくいきません。

PS: テーブルclass名は他の多くのことに影響するため、変更できません。

ここにヒントはありますか？どうもありがとう！