Comment déplacer un élément d'une liste à une autre?

Question

Je suis un débutant qui essaie d'apprendre comment créer une application mobile jQuery et j'ai une liste d'éléments que je veux mélanger autour de différentes listes sur des pages différentes. J'ai été en mesure de comprendre comment supprimer un à l'aide

$('document').ready(function() { 
    $('.theListItem .red').click(function() { 
     var $toRemove = $(this).closest('div[data-theme="a"]') 

     $toRemove.animate({ 
      height: 0 
     }, 500, function() { 
      // This is the callback. 
      $toRemove.remove(); 
     }); 

     return false; 
    }); 
}); 

Mais si je veux déplacer un élément tout comme

<div data-role="collapsible" data-collapsed="false" data-theme="a"> 
    <h3>Section 1</h3> 
<div data-role="controlgroup" data-type="horizontal"> 
<a href="categorize.html" data-role="button">Yes</a> 
<a href="index.html" data-role="button">No</a> 
<a href="index.html" data-role="button">Maybe</a> 
</div> 

à une autre liste avec exactement la même fonctionnalité, comment u recommande je fais ça? Merci beaucoup.

Answer 1

Je pense que la meilleure approche serait de dessiner vos listes à partir d'objets JavaScript dynamiquement. Plus précisément, si vous avez deux listes A et B, vous pouvez avoir un tableau de chaînes représentant chaque liste. Chaque fois que vous déplacez un élément entre les listes, vous effectuez simplement l'opération sur les deux tableaux, puis redessinez vos listes à partir de ces tableaux.

J'espère que cela aide!