從div元素獲取列表索引id

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