如何确定哪个列表项已被删除

时间:2012-01-16 10:58:55

标签: javascript jquery drag-and-drop

我有3列。

<div id="catalog">
    <ul id="author">
        <li>Different Author names</li>
        ....
    </ul>
    <ul id="genre">
       <li>Different Genres</li>
    </ul>
    <ul id="publish">
       <li>Different Publishers<li>
    </ul>
</div>

我使用jquery将这些列表中的项目拖放到不同的列表购物车中,如下所示

    $(function() {
        $( "#catalog li" ).draggable({
            appendTo: "body",
            helper: function( event ) {
                    return $( "<li class='bit-box'>" + $(this).text() + "</li>" );
            },
      cursorAt: { cursor: "move", top: 5, left: 5 }
        });
        $( "#cart ul" ).droppable({
            accept: ":not(.ui-sortable-helper)",
            drop: function( event, ui ) {
                $( this ).find( ".placeholder" ).remove();
        $( this ).find( "li:contains('" + ui.draggable.text()  + "')" ).remove();
                $( "<li class='bit-box'></li>" ).text(ui.draggable.text()).append("<a class='closebutton' href='#' onclick='$(this).parent().remove();'></a>").appendTo( this );
            }
        });

有没有办法找出被删除项目所属的列表。

我感谢任何帮助。

2 个答案:

答案 0 :(得分:1)

尝试在drop处理程序中使用它:

ui.draggable.closest('ul').attr('id')

它应该为您提供已删除项目所属列表的ID。

答案 1 :(得分:0)

您应该检查$(this).parent()。id属性。如果你想要父列表的id。