jQuery에서 rel 값을 얻으려면 어떻게해야합니까?

Question

jQuery UI 드래그 & 드롭 기능을 사용하여 이미지를 앨범으로 선택합니다. 이미지 ID는 rel 매개 변수에 스트 레지 드되었습니다. 이미지가 떨어지면 입력 요소에 복사해야합니다.

다음은 이미지 목록입니다. 여기에 드래그

<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)); 
    }, 
}); 

그리고 img.prop ('확인해') 반환. 나는 img.attr ('rel')을 사용하려고 시도했지만 object 요소를 반환합니다. "rel"값을 얻으려면 어떻게해야합니까?

Answer 1

alert($("#img").attr("rel")); 

.attr ("rel")을 사용하는 경우. 텍스트() 작동하지 않습니다.

Answer 2

attr 소품을 사용할 수 있습니다. 같은 ..

$(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)); 
    }, 
    }); 

이 당신이 ui.draggable와 객체의 다른 속성을 얻는 경우에 http://jsfiddle.net/fLJuB/19/

Answer 3

어쩌면 당신은 몇 가지 JQuery와 선택기를 사용할 수있는 바이올린 링크를합니다. img.prop('src') 반환 SRC 바로 속성 예를 들어, JQuery와 속성 셀렉터 이미지를 선택하는 데 사용할 수 있습니다

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

편집 : 안녕하세요이 잘 작동 생각 ->link