使用javascript传输文本

我有3个html表格，在某个时间，我想将文本从一个表格移动到另一个表格。有人能给我看一个javascript函数（只有几行-不要花太长），它可以将文本从一个

td

传输到另一个。

将一个

td

值传输到另一个：

如果你分配一个

td

一个ID（比如“firstTD”，“secondTD”），你可以把它的值存储在一个变量中（比如“tdToMove”）：

注意：这将仅复制单个

td

的

innerHTML

，并在另一个上复制它。如果要清除第一个条目，请运行：

document.getElementById("firstTD").innerHTML = "";

将第一个

td

呈现为“空白”

您必须进行实验，以找到将所有值移动到另一个表的方法，这只是一个指针

此外，如果文本从一个表移动到另一个表，并且表保持相同，为什么不将输入放在这两个表中开始，或者在您想要移动数据时，只需运行代码复制表？

您可以使用Node.textContent属性获取和设置节点的文本

这里有一个关于它的链接：

我做了一把小提琴来向你们展示：

在这把小提琴中，我将cell1的文本转移到cell2，并将其添加到cell2的文本中

我使用textContent而不是innerHTML属性，因为您只想传输文本

function copyTextFromCell(id1,id2){ 

    var cell1= document.getElementById(id1);
    var cell2= document.getElementById(id2);
    cell2.textContent = cell2.textContent+cell1.textContent;

}

copyTextFromCell("cell1","cell2");

---

如果您想使用jquery执行此操作

<table id="table1">
  <tr>
      <td>1,1</td>
      <td>1,2</td>
  </tr>
  <tr>
      <td>2,1</td>
      <td>2,2</td>
  </tr>
</table>
<table id="table2">
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>


$('#table1 tr').each(function (indexR, element) {
  $(this).find('td').each(function (index, element) {
      var table2Rows = $('#table2 tr');
      var table2Row = table2Rows.eq(indexR);
      var table2Column = table2Row.find('td');
      var table2cell = table2Column.eq(index);
      table2cell.html( $(this).html());
  });
});

1,1
1,2
2,1
2,2
$（'table1 tr'）。每个（函数（indexR，元素）{
$（this）.find（'td'）。每个（函数（索引，元素）{
var table2Rows=$（“#table2 tr”）；
var table2Row=table2Rows.eq（indexR）；
var table2Column=table2Row.find（'td'）；
var table2cell=table2Column.eq（索引）；
table2cell.html（$（this.html（））；
});
});

---

正在工作。

请将您的代码发布在这里，或者链接到您的JSFIDLE，这样我们就可以看到您到目前为止尝试了什么？？？添加一些示例代码

<table id="table1">
  <tr>
      <td>1,1</td>
      <td>1,2</td>
  </tr>
  <tr>
      <td>2,1</td>
      <td>2,2</td>
  </tr>
</table>
<table id="table2">
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>


$('#table1 tr').each(function (indexR, element) {
  $(this).find('td').each(function (index, element) {
      var table2Rows = $('#table2 tr');
      var table2Row = table2Rows.eq(indexR);
      var table2Column = table2Row.find('td');
      var table2cell = table2Column.eq(index);
      table2cell.html( $(this).html());
  });
});