Jquery 删除后，动态创建的表不会再次显示

您好，我面临的问题太小，但无法解决。我有一个主表，从中获取了一些标题和列数据，并将这些数据绑定到另一个动态创建的表中。它工作正常。但问题是，当我删除动态生成的表并再次尝试重新创建它时，就像我在它不工作之前所做的那样

我的jquery代码如下所示

$('input[type="submit"]').click(function(){
  $("#table1").find("thead").each(function(){
    $table1Head=$(this).find("th");
    $("#table2 thead").append("<th>"+$table1Head.eq(1).text()+ " </th>");
    $("#table2 thead").append("<th>"+$table1Head.eq(3).text()+ " </th>");
  });

  $("#table1 tbody").find("tr").each(function(){
    $table2data=$(this).find("td");
    $("#table2 tbody").append("<tr> <td><input type='text'     
 name='first_name[]' value="+$table2data.eq(1).text()+"></td> <td><input  
 type='text' name='last_name[]' value="+$table2data.eq(3).text()+"> 
 </td></tr>");

  });
});
$(document).on("click","#clear",function(){
  $("#table2").empty();
});

$（'input[type=“submit”]）。单击（函数（）{
$（“#表1”）。查找（“thead”）。每个（函数（）{
$table1Head=$（this.find（“th”）；
$（“#table2 thead”）.append（“+$table1Head.eq（1.text（）+”）；
$（“#table2 thead”）.append（“+$table1Head.eq（3.text（）+”）；
});
$（“#表1 tbody”）.find（“tr”）.each（function（）{
$table2data=$（this.find（“td”）；
$（#表2 t正文）。追加（“
");
});
});
$（文档）。在（“单击”，“清除”，函数（）上）{
$（“#表2”）.empty（）；
});

下面添加了一个带有完整代码的工作小提琴

试试这个：

$(document).on("click","#clear",function(){

$("#table2 thead").empty();
$("#table2 tbody").empty();

});

在提交函数中，您可以在

thead

和

tbody

中添加行。在清除功能中，您将清除整个表格，包括

thead

和

tbody

因此，您还必须防止这些标记，并且只需要清除

thead

和

tbody

中的html

---

清除

表2

时，将删除

和

元素。不知怎的，“提交”按钮不起作用了

您可以尝试以下方法：

$('#clear').click(function(){

$("#table2 thead").empty();
$("#table2 tbody").empty();

});

---

给你一个解决方案

$（'input[type=“submit”]）。单击（函数（）{
$（“#表2”）.find（'thead'）.empty（）.兄弟姐妹（'tbody'）.empty（）；
$（“#表1”）。查找（“thead”）。每个（函数（）{
$table1Head=$（this.find（“th”）；
$（“#table2 thead”）.append（“+$table1Head.eq（1.text（）+”）；
$（“#table2 thead”）.append（“+$table1Head.eq（3.text（）+”）；
});
$（“#表1 tbody”）.find（“tr”）.each（function（）{
$table2data=$（this.find（“td”）；
$（“#表2-T正文”）。附加（“”）；
});
});
$（文档）。在（“单击”，“清除”，函数（）上）{
$（“#表2”）.find（'thead'）.empty（）.兄弟姐妹（'tbody'）.empty（）；
});
//新的改变
$（文档）.on（'keydown'，'input[name=“last_name[]”），函数（e）{
-1！=$.inArray（e.keyCode[46,8,9,27,13110190]）| |/65 | 67 | 86 | 88/.test（e.keyCode）&（！0==e.ctrlKey | |！0==e.metaKey）| 35=e.keyCode |（e.shiftKey | | 48>e.keyCode 57e.keyCode | | | | | | | | |谢谢你。我知道一个不同的解决方案。谢谢！！