Как я могу создать несколько ul-списков динамически?

Question

У меня есть <ul> "ul-list-one", который содержит несколько флажков. Если я установлю флажок и нажму кнопку перемещения, это означает, что он переместится на другой <ul> «ul-list-two», и отмеченный флажок будет удален из предыдущего, который здесь будет «ul-list-one». ».

В «ul-list-two» я могу сделать то же самое, и он переходит к следующему, на этот раз «ul-list-three».

Примечание: "ul-list-two" и "ul-li-three" будут создаваться динамически.

Здесь я проделал некоторую работу, но как я могу иметь возможность создавать несколько <ul> динамически?

      $('#mer').click( function() {
        var txtBox = "";    
        var txtstatus = false;  
       $('input[type="checkbox"]').each (function() {             
        var t = $(this);
        var from = 'checklist';
        var val=$("#hidden_id").val();
        var to = 'ch';
        if (!t.is(':checked')){
            var swap = to;
            to = from;
            from = swap;
           } else { 
            txtstatus = true;
           }
       $(':checkbox:checked').attr('disabled', true);
       $('#'+to).append(t.attr('name', to).parent());
       $('#ch').addClass('br');        
       });
       if(txtstatus){
        txtBox = "<input type='text' value=''>";
        $('#ch').after(txtBox);
       }
      });  

      //close buttom code
      $('#cls').click( function() {
       $('input[type="checkbox"]').each (function() {          
        var t = $(this);
        var from = 'checklist';
        var to = 'ch';
        if (t.is(':checked')){
            var swap = to;
            to = from;
            from = swap;
           }
       $(':checkbox:checked').attr('disabled', false);
       $(':checkbox:checked').attr('checked', false);
       $('#'+from).append(t.attr('name', from).parent());
       });
      });      

Answer 1

Не самая красивая вещь, которую я когда-либо писал.Если вы хотите оставить пустые ul, просто закомментируйте вызов removeEmpties.Я не беспокоился о порядке чекбоксов, но это было бы легко реализовать в отдельной функции после перемещения чекбокса.Я также предположил, что вы не хотели бы, чтобы они двигались назад за пределы первоначальной ул.Если вы хотите эту функциональность, вы можете просто добавить еще один, если к функции перемещения.

http://jsfiddle.net/pJgyu/13225/