使用javascript更改表结构

Question

我正在尝试从

切换表结构

<table>
<tr>
   <td><div id=1"></div>
   </td>
   <td><div id=2"></div>
  </td>
</tr>
</table>

到

 <table>
    <tr>
       <td><div id=1"></div>
       </td>
    </tr>
    <tr>
       <td><div id=2"></div>
      </td>
    </tr>
   </table>

并使用JavaScript返回原始结构，非常感谢您的建议。

Answer 1

我强烈建议您删除表格，然后按照此处所述简单地浮动div

CSS Floats 101

div { 
  float: left;
}

我还建议您不要使用HTML5中允许但不兼容的数字ID，并使JavaScript访问它可能会造成混淆

Answer 2

更高效的方法是使用方法appendTo

// append new line first
$('table').append('<tr></tr>');

// move td to the new tr
$('table tr td').last().appendTo($('table tr').last());