Javascript JQuery可拖动内容-显示选定内容

我正在使用jquerydraggable将新元素拖动到另一个div。这一切都很好，但是我希望他们拖动的任何元素都以不同的颜色显示在左侧（以显示它已被选中）

这是我的密码笔-

所以我怎么能得到它，所以如果他们选择了一个旅程，这将显示为黑色

  $(".journey").draggable({
    appendTo: "body",
    cursor: "move",
    helper: 'clone',opacity: 0.1,
    revert: "invalid",
  }).disableSelection();

这是针对可拖动区域的脚本，所有内容都在代码笔上

谢谢大家!

您可以将“还原”设置为一个函数，当可拖动项放置在有效的可拖放项中时，可拖动项会更改背景颜色

revert: function(valid){
            if(valid)
                $(this).css("background-color","black");
            else
                return true;
        }

如果将相同的可拖动对象绘制到可拖动对象继承新背景色（黑色）的新可拖放对象上，为了防止出现这种情况，可以向可拖动对象添加一个拖动功能，在移动可拖动对象时，该功能将取消背景色的设置

drag: function(){
          $(this).css("background-color","unset");
      }

---

更新的代码笔：

您需要使用“开始”和“停止”事件对自定义css类执行您想要的操作：您好，这在单击“重置”时起作用，然后会中断，您无法再放入另一个css类。你们知道为什么会这样吗？另外，若你们不想要它，你们就不能把它拖回来：（使用“工作重置”按钮。感谢你们的灵感！所以我想，我需要更新代码，你们可以把它们从右边拖出来？拖回左边？