Как я могу создать несколько 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

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

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