Javascript 根据单击的链接更改表内容

我有两个HTML表格。我试图根据第一个表中按下的链接来更改第二个表的内容

下面是填充第一个表的代码：

$.each(tableResults, function () {
  $('#table1 tbody:last-child').append('<td>' + this + '</td>'); 
});

$。每个（表结果、函数（）{
$（“#表1 t正文：最后一个子项”）.append（“”+this+“”）；
});

下面是填充第二个表的代码：

$（文档）.ready（函数（）{
var tableName='databaseTable1'；
$.ajax({
网址：'http://localhost/api/Dynamic?table=“+表名，
数据类型：“Json”，
成功：功能（tableResults）{
$.each（表结果、函数（索引、值）{
如果（$（'#表2第2项：最后一个子项'）。长度==0）{
$（#表2 thead'）。附加（“”+value+“”）；
}否则{
$（“#表2第2项：最后一个子项”）。在（“”+value+“”）之后；
}
});
}
});
});

如您所见，这些表是动态填充的。我需要知道如何将第一个表中的每个值转换为链接，从而将变量

tableName

更改为所选的值

然后，页面应刷新并显示所选表中的数据。如果它有帮助的话，我的程序有一个

F#

后端

另外，有人知道如何将

tableNames

默认值设置为

table1

中的第一个值吗

---

任何帮助都将不胜感激。

您可以将

表名

s存储在触发器元素的属性中（例如

a

）。然后，当用户单击此触发器时，使用从属性中获取

tableName

我不知道你的回答，所以在我的例子中有一个虚拟的

（单击任意一行并查看日志中的

表名

）

var tableResults=[
{
名称：“dynamicTable1”
},
{
名称：“dynamicTable2”
}
];
$.each（表结果、函数（）{
$（“#表1 t正文：最后一个子项”）.append（“”+this.name+“”）；
});
$（文档）。在（'单击'，'数据表'，函数（）上{
var link=$（此），
tableName=link.attr（'data-table'）；
console.log（tableName）；
//使用tableName进行ajax调用
//$.ajax（{…）。。。。
})；

谢谢你的帮助。最后一件事，表2中的数据，我原以为会被新数据替换，但它没有。你知道如何在不删除表的情况下删除旧数据吗。我尝试过类似的方法：document.getElementById（“table2”）.deleteTHead（）；如果我理解正确，你可以执行

$（“#table2”）.html（“”）

它将删除

#表2

中的所有html。这样，如果您愿意，您只能删除

thead

或

tbody

内容。懂吗？