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

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. если вам нужен идентификатор родительского списка.