Jquery ui JQuery droppable，当列表项被删除时，无法获取'；id'；使用attr（）的属性

我的问题类似于下面的链接

但是，我拖放了一个列表项，每个列表项都包含图像

当列表项被删除时，我需要获取'id'属性，然后在'submit'时将其传递给php，以更新数据库

但是下面的代码似乎没有捕获'id'属性，或者如果我尝试'src'，我已经修改了以下内容

$("#drop").text(id); to $("#drop").text("image has been dropped");

哪一项在drop事件中正确显示“图像已被删除”，因此问题似乎在于获取列表项中的“id”属性？我尝试添加一个名为“image”的类来代替列表项，尝试了很多方法，但都没有效果

希望有人能给我指出正确的方向

谢谢

下面是我的代码

JQuery

$（文档）.ready（函数（）{

Html

您要查找的

id

属性不属于您的

元素，而是属于它们的

子元素。您可以将这些元素与或匹配：

---

感谢Frederic的解释！我需要变量，所以我修改了您的代码，以防其他人需要它！这非常有效！var id=（ui.draggable）.find（“img”）.attr（“id”）；

    $("#item-slider li").draggable({
        containment: 'document',
        revert: true,
        helper: "clone",
        cursor: "move"
    });


    $("#drop").droppable({
        accept: "#item-slider li",
        drop: function (event, ui){
            var draggable = ui.draggable;
            var id = draggable.attr("id");
            $("#drop").text(id);
        }
    });

});

<div id="item-slider">
<ul>
    <li class='image'><img src="./images/jeans1.jpeg" id="jeans1.jpeg" /></li>
    <li class='image'><img src="./images/top2.jpg" id="top2.jpg" /></li>
    <li class='image'><img src="./images/top1.jpg" id="top1.jpg" /></li>
    <li class='image'><img src="./images/shoes3.jpg" id="shoes3.jpg" /></li>
    <li class='image'><img src="./images/dress1.jpg" id="dress1.jpg" /></li>
</ul>

<div id="drop">
</div>
</div>

drop: function(event, ui) {
    var id = ui.draggable.find("img").attr("id");
    $("#drop").text(id);
}