Question

我知道我的头衔很混乱，但让我解释一下。

基本上我想操纵一个表来随时添加和插入tr和td，因为这是我决定为我的布局做的事情。就像这样：

在第一波，让我们说window = 1，布局应该只显示一个窗口：

     []
     <tr>
              <td>
              </td>
     </tr>

第二波，窗口= 2：

     [] []
     <tr>
              <td>
              </td>
              <td>
              </td>
     </tr>

第三波，windows = 3：

     []
     []
     []
     <tr>
              <td>
              </td>
     <tr>
              <td>
              </td>
     </tr>
     <tr>
              <td>
              </td>
     </tr>

第四波，windows = 4：

     [] []
     [] []

     <tr>
              <td>
              </td>
              <td>
              </td>
     </tr>
     <tr>
              <td>
              </td>
              <td>
              </td>
     </tr>

这些括号在td中就像一个div。只要那些窗口以这种方式格式化，对div内部的内容无关紧要。

我已经到了第二波，但无法进入window3。我得到的是李

     []
     [] []

     <tr>
              <td><div></td>
     </tr>
     <tr>
              <td><div></td>
              <td><div></td>
     </tr>

这不是假设的。我如何像之前在javascript中所述的预期结果一样做？会像触发它来改变每一波。有任何想法吗？善意的帮助。感谢

Answer 1

使用div而不是表格。从一个容器div开始，它将容纳所有其他容器。

<div class="container">
</div>

在每次迭代中，添加一个子项并更改容器的类以反映具有奇数或偶数个子项。

第一

<div class="container odd">
    <div></div>
</div>

第二

<div class="container even">
    <div></div>
    <div></div>
</div>

第三

<div class="container odd">
    <div></div>
    <div></div>
    <div></div>
</div>

等等。

然后只需写一些css就可以将.odd放在一列中，将.even放在一列中。

Javascript：将元素转移到td＆＃39; s

1 个答案: