HTML / JS：链接一个表的一列的单元格值与另一表的另一列的单元格的链接

Question

我是编码新手，正在尝试使用另一个表中的值创建一个表。

例如，下表中的“联系人”（名称）列

<table>
<tr>
<th>Role</th>
<th>Contact</th>
<th>Email</th>
</tr>
<tr>
<td>Role1</td>
<td>Person1 </td>
<td>Person1@xyz.com</td>
</tr>
<tr>
<td>Role2</td>
<td>Person2</td>
<td>Person2@xyz.com</td>
</tr>
</table>

我的第二张表（ttask）有一个任务列表，并有一个分配给任务的“联系人”列。 我想将下表中的Contact单元格的值与其在第一张表中的相应Contact链接起来，以便如果我在第一张表中更改Contact的名称，它将在涉及该Contact名称的所有Table ttask单元格中进行更新。 我怎样才能做到这一点？

<table id="ttask">
  <tr>
    <th>Weeks Prior</th>
    <th>Role</th>
    <th>Contact</th>
    <th>Task</th>
  </tr>
  <tr>
    <td>16</td>
    <td>AH</td>
    <td>Person1</td>
    <td>
      What currently needs to be done. The task and what's involved blah blah
    </td>
  </tr>
</table>

非常感谢！

Answer 1

首先为两个表td取不同的ID，然后尝试

$(document).ready(function(){
   VAR abc = $(document.getElementById("tdidoffirsttable").innerHTML);
     document.getElementById("td id of second table").innerHTML = abc; 

});

Answer 2

这个问题尚不清楚，因为您没有提及您是否愿意只使用html。 如果您愿意考虑使用javascript，则可以使用：

<p id="demo1">person1</p>

<p id="demo2">person2</p>

<script>
function myFunction() {
    var str = document.getElementById("demo2").innerHTML; 
    document.getElementById("demo1").innerHTML = str;
}
myFunction();
</script>

当然，这是每行，如果您的数据包含多行，则应进行循环调整以简化操作。