從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

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

Answer 2

要創建具有所有ID的數組：

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

或者稍后使用起來更容易，附加到data（）

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

data屬性似乎仍然存在 ，這是FIDDLE

使用數據代替ID！

Answer 3

為您的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);
    }
});

Answer 4

id屬性不會被克隆。 因此，將其更改為其他內容，例如data-id可以解決您的問題。

檢查http://jsfiddle.net/tV4n7/96/