获取最新的li项的值添加到列表Jquery

时间:2012-07-04 13:52:27

标签: jquery jquery-ui

我正在使用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>​

1 个答案:

答案 0 :(得分:3)

来自sortable文档:

  

ui.item - 当前拖动的元素

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

使用示例(由Steve小提琴发布):

$(ui.item).text()