jquery - Jquery获取最近添加到列表中的li项的值

Question

我正在使用 JqueryUI 的可排序功能。我正在尝试获取我刚刚放入接收列表中的当前项目。然而 $(this).text() 的 echo 揭示了列表中所有项目的值。有什么想法吗？

$(function() {
    var lists = [{"listid":"#all-colls-list", "connectid":"#coll-selected-list", "drop":true},
     {"listid":"#coll-selected-list", "connectid":"#all-colls-list", "drop":true}];
$.each(lists, function(i, list) {
        $(list.listid).sortable({
            connectWith: list.connectid,
            dropOnEmpty: list.drop,


    $( "#coll-selected-list" ).sortable({
           remove: function(event, ui) { 

           },
           receive: function(event, ui) { 
                alert($(this).text());
           }
        });

}
        });
    });
});
<ul id="all-colls-list" class="droptrue sort-drop ui-sortable">
      <li class="sorted">apple</li>
      <li class="sorted">pear</li>
      <li class="sorted">banana</li>
      <li class="sorted">grape</li>
      <li class="sorted">guava</li>
</ul>

<ul id="coll-selected-list" class="droptrue sort-drop ui-sortable">
</ul>

<ul id="coll-grouped-list">
</ul>​

Answer 1

来自sortable文档:

ui.item - the current dragged element

http://jqueryui.com/demos/sortable/

使用示例(史蒂夫在他的 fiddle 中发布):

$(ui.item).text()