div要素からインデックスを取得する

Question

各リストインデックスのIDを取得するにはどうすればよいですか？放火犯で

デバッグは示しています

<li class="droptrue ui-draggable" style="display: list-item;"> 
    "...text of the li..." 
    </li> 

私は、各リスト要素に一意のIDを渡しています。ここ はjsfiddleでサンプルを縮小さ：

http://jsfiddle.net/n2learning/tV4n7/89/

ありがとう！

Answer 1

id属性は複製されません。たとえば、次のように変更します。 data-idはあなたの問題を解決する可能性があります。

チェックhttp://jsfiddle.net/tV4n7/96/

Answer 2

$('ul#routinefilter li').each(function() { 
    var id = $(this).attr('id'); 
}); 

Answer 3

すべてのIDの持つ配列を作成するには、次の（データに添付し、

var ids = []; 
$('#routinefilter li').each(function() { 
    ids.push(this.id); 
}); 

それとも後で使いやすくする）

$('#routinefilter li').each(function() { 
    $(this).data('id', this.id); 
}); 

データ属性が付くようですが、ここにありますa FIDDLE

IDの代わりにデータを使用してください！

Answer 4

draggableのコールバックを追加します。

$(".droptrue").draggable({ 
    snap: '#dropTargetframe', 
    connectToSortable: '#dropTargetframe', 
    helper: 'clone', 
    cursor: 'move', 
    revert: false, 
    drag: function (event, ui) { 
     var id = $(this).attr('id'); 
     console.log(id); 
    } 
});