jQuery - 如何创建在两个表格单元格之间移动的动画？

Question

刚刚在w3schools上找到了一个关于如何创建动画的例子：

$("button").click(function(){
  $("div").animate({left:'250px'});
});

我想弄清楚如何基于这个例子我可以制作一个在两个表格单元之间移动的动画，它甚至可能吗？无法找到任何线索。

Answer 1

您尝试删除并添加到其他单元格吗？

例如：

  <tr>
    <td id="cell1">
    <div id="div1"></div>
    </td>
    <td id="cell2">
    </td>
  </tr>
  <script>
  $("button").click(function(){
  $("#div1").animate({left:'250px'});
  $('#div1').clone().attr('id', 'celltmp').appendTo('#cell2');
  $( "#div1" ).remove();
  });
  </script>

你需要对此进行改进，但这是一个想法：p