Сортировка с несколькими списками вернуться к первому списку

Question

У меня есть несколько списков. Каждый список и все элементы имеют один и тот же класс.

Пример:

<ul class="cat_1"> 
    <li class="cat_1">Item1</li> 
    <li class="cat_1">Item2</li> 
    <li class="cat_1">Item2</li> 
</ul> 

<ul class="cat_2"> 
    <li class="cat_2">Item1</li> 
    <li class="cat_2">Item2</li> 
    <li class="cat_2">Item2</li> 
</ul> 

Я также пустой список

<ul></ul> 

Элементы списка могут быть сброшены в пустой список. Это ограничивается тремя статьями (TOP 3). Это уже сделано.

Но я также хочу удалить их из TOP 3 и добавить их в правильный список (автоматический). Поэтому я добавил Удалить- «кнопка» (SPAN) для каждого литий, который упал в топ3-лист:

$("#top3").sortable({ 
    receive: function(event, ui) { 
     $(ui.item).append("<span class='removeItem' onclick='removeTest(this)'>X</span>"); 
    } 
}); 

Если я нажимаю на пролете, я получаю «X» .. Но как Я получаю родителя (Ли с классом (как cat_1/cat_2)?

И как я могу добавить его снова в соответствующий список (уль с cat_1-класса или cat_2 класса?

I также попробовал это с другим документооборотом, но это, похоже, не очень хорошо подходит для выполнения (для обеспечения большого взаимодействия с пользователем): при возврате к (не TOP3, но cat_1 или cat_2), я проверил класс. Если класс был ok, я ничего не сделал. В противном случае я удалил li. Но я не мог добавить li (объект) в правильный список ... (Я пробовал с .append() .appendTo()).

Answer 1

Я не совсем понимаю, что вы хотите делать. Скриншот, показывающий, что у вас есть, может оказаться полезным.

Однако ваш метод removeTest вероятно, следует искать что-то вроде этого:

function removeTest(span){ 
    var elem = $(span).parent(); 
    var elemClass = elem.attr("class"); 
    $('ul.' + elemClass).append(elem); 
    $('#top3').remove(elem); 
}