получить индекс индекса индекса из элемента div

Question

Как получить идентификатор каждого индекса списка?

отладки в Firebug показывает:

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

Я передаю уникальный идентификатор для каждого элемента списка. Вот уменьшенная образец в 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

Чтобы создать массив со всеми идентификаторами:

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