Question

如何获取每个列表索引的ID？

在firebug中调试显示：

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

或者稍后可能更容易使用，附加到数据（）

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

数据属性似乎坚持，这是一个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/

从div元素获取列表索引id

4 个答案: