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