Jquery 通过拖放复制引导td

您好，我需要用户可以将右侧表的名称与左侧表的名称关联起来，填充左侧表中的空列，以便引导表中的多行拖动其他表中的值，并且这些值不会从初始表中消失。所以我尝试使用jquery ui来实现这一点，但它不起作用，我只能拖动第一个值，当我将其拖动到可拖放的空白区域后，它会从起始表中消失，并且不会填充另一个表

这就是密码

<script>
    $( function() {
     $( "#draggable").draggable();
     $( "#droppable" ).droppable({
     accept: "#draggable",
     classes: {
     "ui-droppable-active": "ui-state-active",
     "ui-droppable-hover": "ui-state-hover"
     },
    drop: function( event, ui ) {
     $( this )
      .addClass( "ui-state-highlight" )
      .find( "td" )
       }
     });
    });</script>

$（函数（）{
$（“#可拖动”）.draggable（）；
$（“#可拖放”）。可拖放({
接受：“可拖动”，
课程：{
“ui可拖放活动”：“ui状态活动”，
“ui可拖放悬停”：“ui状态悬停”
},
drop：函数（事件、用户界面）{
$（本）
.addClass（“ui状态突出显示”）
.查找（“td”）
}
});
});

我移动的值是使用php fetch_array（）函数从数据库中获取的，并且位于第二个表的

中

#
姓
名称
被选中的
1.
利奥帕迪
贾科莫
#
名称
时间码
1.
利蒙沙蒙
苏5

不清楚您在帖子中寻找的是什么。下面是一个基于我所能看到的更新的示例

$（函数（）{
$（“#可拖动”）。可拖动({
附：“身体”，
助手：函数（e）{
返回$（“”）{
类：“拖动辅助对象”
}).html（$（e.target）.text（）.trim（））；
},
回复：“无效”
});
$（“#tabellaSos>tbody>tr>td:last”）。可拖放({
课程：{
“ui可拖放活动”：“ui状态活动”，
“ui可拖放悬停”：“ui状态悬停”
},
drop：函数（事件、用户界面）{
$（this.html（ui.helper.text（））；
}
});
});
。拖动辅助对象{
边框：1px实心#dee2e6；
填充：.75rem；
垂直对齐：顶部；
框大小：边框框；
颜色：#212529；
}

#
姓
名称
被选中的
1.
利奥帕迪
贾科莫
#
名称
时间码
1.
利蒙沙蒙
苏5
不清楚您在帖子中寻找的是什么。下面是一个基于我所能看到的更新的示例


$（函数（）{
$（“#可拖动”）。可拖动({
附：“身体”，
助手：函数（e）{
返回$（“”）{
类：“拖动辅助对象”
}).html（$（e.target）.text（）.trim（））；
},
回复：“无效”
});
$（“#tabellaSos>tbody>tr>td:last”）。可拖放({
课程：{
“ui可拖放活动”：“ui状态活动”，
“ui可拖放悬停”：“ui状态悬停”
},
drop：函数（事件、用户界面）{
$（this.html（ui.helper.text（））；
}
});
});
。拖动辅助对象{
边框：1px实心#dee2e6；
填充：.75rem；
垂直对齐：顶部；
框大小：边框框；
颜色：#212529；
}

#
姓
名称
被选中的
1.
利奥帕迪
贾科莫
#
名称
时间码
1.
利蒙沙蒙
苏5
欢迎来到堆栈溢出。如果我理解正确，您希望用户能够重新排列表中的列，对吗？@Twisty我希望用户将右侧表的名称与左侧表的名称关联起来，很抱歉我在帖子中的错误解释，现在我将更正它。它仍然有点不清楚。所以，若用户将“Limone Salmone”从右边拖到左边的表中，您希望在自己的列中创建一个包含“Limone”和“Salmone”的新行吗？欢迎使用堆栈溢出。如果我理解正确，您希望用户能够重新排列表中的列，对吗？@Twisty我希望用户将右侧表的名称与左侧表的名称关联起来，很抱歉我在帖子中的错误解释，现在我将更正它。它仍然有点不清楚。所以，若用户将“Limone Salmone”从右侧拖动到左侧表格，您希望在其自己的列中创建一个包含“Limone”和“Salmone”的新行吗？这很好！我只更改了几件事：更改了左表中的id，以便将draggable和remove
：last
更改为第二个脚本，因为这里的名称是可变的，因为它们是从数据库中获取的。这很好！我只更改了几件事：更改了左表中的id，以便将draggable和remove
：last
添加到第二个脚本中，因为此处的名称是可变的，因为它们来自数据库。