如何在jQuery中获取rel值？

我使用jQuery UI拖放功能选择相册中的图像。rel参数中的images ID，是我在图像删除后需要复制到输入元素的内容

这是图片列表。使用可拖动的

<img src="01.jpg" title="image 01" rel="10" />
<img src="02.jpg" title="image 02" rel="11" />
<img src="03.jpg" title="image 03" rel="12" />

请点击此处：

<div id="dropzone">
    <div id="imgcontainer"></div>
    <input type="text" name="img_id" id="img_id" />
</div>

可拖放JS代码如下：

$('#dropzone').droppable({
    hoverClass: 'bgSelected',
    drop: function(event, ui) {
        $(this).html(''); // to remove any other stuffs
        var img = ui.draggable;
        $('<img src="'+img.prop('src')+'" title="'+img.prop('title')+'">').appendTo( $(this) );
        $('<input type="text" name="img_id" id="img_id" value="'+img.prop('rel')+'" />').appendTo( $(this) );
    },
});

$（'#dropzone'）。可拖放({
hoverClass:'bgSelected'，
drop：函数（事件、用户界面）{
$（this.html（“”）；//删除任何其他内容
var img=ui.draggable；
$（''）。附于（$（本））；
$（''）。附于（$（本））；
},
});

而img.prop（'rel'）返回空字符串。我试图使用img.attr（'rel'），但它返回一个object元素。如何获取“rel”值

---

如果您使用.attr（“rel”）。text（）它将不起作用。

您可以使用

attr

代替prop。 像

$（函数（）{
$（“#dropzone”）。可拖放({
hoverClass:'bgSelected'，
drop：函数（事件、用户界面）{
var img=ui.draggable；
//警报（$（ui.draggable））；
变量id=img.attr（'rel'）；
$（this.html（“”）；//删除任何其他内容
$（''）。附于（$（本））；
$（''）。附于（$（本））；
},
});

---

这是一个fiddle链接

如果您在具有ui.draggable的对象中获得其他属性，那么您可以使用一些jquery选择器。例如，如果

img.prop（'src'）

正确返回src属性，您可以使用它来使用jquery属性选择器选择图像

alert($('img[src="' + img.prop('src') + '"]').attr('rel'));

---

编辑：您好，我认为这很好->

img.attr（'rel'）返回一个对象元素。警报说：[object object]img.attr（'rel'）返回一个对象元素。警报说：[object object]这意味着您的

ui.draggable；

返回一些其他对象您能给我看小提琴吗？嗯……这很酷，但有什么问题吗？您使用img.attr（'rel'）），像我一样：）嗯……我不知道……可能是你更新了代码，但没有刷新……谁知道呢：）

$(function() {
  $('#dropzone').droppable({
    hoverClass: 'bgSelected',
    drop: function(event, ui) {
         var img = ui.draggable;
        //alert($(ui.draggable));
        var id =img.attr('rel');


    $(this).html(''); // to remove any other stuffs

     $('<img src="'+img.prop('src')+'" title="'+img.prop('title')+'">').appendTo( $(this) );
      $('<input type="text" name="img_id" id="img_id" value="'+id+'" />').appendTo( $(this) );
    },
  });

alert($('img[src="' + img.prop('src') + '"]').attr('rel'));