Javascript 将单元格组的内容移动到另一个单元格组

我有一个HTML表格，它类似于下面链接中显示的（demo.jpg）。

我正在尝试创建一个功能，其中一组单元格可以同时拖动并水平移动到另一个位置。当单元格组移动到新位置时，可用的总数应相应地改变

在附件中，我应该能够将第3组（4月7日和4月8日）单元格移动到新的日期，比如4月2日和4月3日，第2组和第3组的可用总数应该减少10

如何使用jQuery或JavaScript实现这一点

感谢和问候，

---

Shijesh

如果在TD中用DIV包装内容，实际上非常简单

---

您需要使用以使TD中的div在其他TDs中可拖放。然后，当有人拖动它并将其放入TD中时，您可以在

drop

事件中添加回调函数并在那里处理它

多谢各位。内容被包装在div中。。10我能够拖放单个单元格内容。然而，我需要将细胞组移动到一起，并改变可用的总数。如何实现这一部分…这是相同的逻辑。在执行删除操作时，只需使用jquery遍历（使用

.parent（）

和

兄弟姐妹（）

）并获取该列中的其他div。只需将代码放入

drop

事件，可能还有

start

事件。。。知道了。。还有一个关于相关注释的问题。。。这只是一个愿望清单。。。假设我将组拖到左侧。。是否可能组中的所有单元格都跟随拖动并更新可用总数。。。在将其放到最终位置之前……如果您想要这样的功能，您可以编写自定义代码并将其放入DragTable的

start

事件中，或者使用如下插件：