Question

我已经构建了一个界面，用于将图像拖动到“保存区域”，我不知道如何访问实际的html标记 - 例如img src标记？

我有这个

$(function(){
        $('.draggable').draggable();
        $('#droparea').droppable({
           drop: function(ev,ui) {
                 //do magic
            },
            out: function(event, ui){
                removeone();            
            }
        });
    });

我用什么来访问图像src？

<img border="0" src="http://bla.png" class="draggable ui-draggable" style="position: relative;">

我有几百张图片..我应该怎么做，以便当它们被删除时我可以访问src？

Answer 1

Working demo

在drop函数中，使用“ui.draggable”访问对象：

例如：

$trash.droppable({
            accept: "#gallery > li",
            activeClass: "ui-state-highlight",
            drop: function( event, ui ) {
                processImage( ui.draggable );
            }

它将Jquery对象传递给“processImage”函数。在那里，您可以通过两种方式访问图像的属性：

1.-作为Jquery对象：$ item.attr（“src”）

2.-或作为DOM元素：$ item.get（0）.src

 function processImage($item)
{
alert($item.attr("src"));
}

当然，你可以摆脱“processImage”函数，并直接访问对象：

ui.draggable.attr("src")

或

ui.draggable.get(0).src

Answer 2

您可以使用ui参数访问它。

drop: function (ev, ui) {
    var image_source = ui.helper.attr('src');
}

访问jquery ui中的可拖动项目

2 个答案: