Javascript JQuery拖放链接

我正在尝试制作Jquery拖放应用程序。我想将每个图像链接到一个可拖放的帧。我不能使用ID，那么有什么更好的方法来编写它来检查它们是否相同呢

编辑：这是代码

function handleDropEvent( event, ui ) {
        var slotNumber = $(this).attr('id');
        var cardNumber = ui.draggable.attr('id');
        var draggable = ui.draggable;
        if ( slotNumber == cardNumber ) {
            alert("Match" + slotNumber + cardNumber)
            ui.draggable.draggable( 'disable' );
            $(this).droppable( 'disable' );
            ui.draggable.position( { of: $(this), my: 'left top', at: 'left top' } );
            ui.draggable.draggable( 'option', 'revert', false );}
      }

---

正如你们所看到的，我可以使用ID来链接它们，但这可能是一种非常糟糕的方式。有人有什么想法吗？

如果我正确理解您的问题，您可能希望使用数据属性来区分项目。下面是关于数据属性如何工作的解释：。

请提供一些示例代码。