как выяснить, какой элемент списка был удален

Question

У меня есть 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 );
            }
        });

Есть ли какой-нибудь способ выяснить, к какому списку принадлежит отброшенный элемент.

Я ценю любую помощь.

Answer 1

Попробуйте использовать это в обработчике drop:

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

Он должен дать вам идентификатор списка, к которому принадлежит упавший элемент.

Answer 2

Вы должны проверить свойство $ (this) .parent (). Id. если вы хотите идентификатор родительского списка.