时间戳

首页 > 解决方案 > 是否可以使用 Javascript/jQuery 将表格数据转移到不同的单元格？

javascript - 是否可以使用 Javascript/jQuery 将表格数据转移到不同的单元格？

问题描述

我正在尝试设置一项功能，该功能涉及在单击站点上另一个页面的链接时将内容添加到表格的末尾。如果表格末尾已有内容，则将该内容移至下一个单元格并让新内容取而代之。

例如，在一个动作之后，将内容添加到结尾，

<tr>
   <td id="cell_1"></td>                    
   <td id="cell_2"></td>                  
   <td id="cell_3"><span>Content</span></td>     <-- content
</tr>

在另一个动作之后，添加更多内容并转移以前的内容，

<tr>
   <td id="cell_1"></td>                         
   <td id="cell_2"><span>Content</span></td>      <-- moved here
   <td id="cell_3"><span>New Content</span></td>
</tr>

因为我希望在单击站点上另一个页面的链接时发生这种情况，所以我打算使用 cookie 为每个单元格写入数据，然后在下一页上，将数据加载到单元格中，然后移动一个。我的功能中只有 3-5 个单元格，因此在处理少量数据方面是合理的，所以我认为，如果我希望它在页面中持续存在，则在单元格中写入和读取 cookie 是最合乎逻辑的方法. 但实际上有没有更好的方法来处理这类问题？

标签： javascriptjqueryhtml

解决方案

或者，您可以将表格 html 传递到新页面。请参阅下面的论坛。

https://forums.asp.net/t/1686492.aspx?复制+HTML+table+and+pass+it+to+another+page

要移动表格单元格，请使用以下代码。

1) 将内容添加到结尾。

$('#tblContent tr').append('新内容')

2）移动单元格：

$('#tblContent tr td')[0].remove()

推荐阅读