Javascript 如何基于总数生成表tr

我编写了blow代码，以便根据总计数为我的表生成tr。 有一个包含数字的输入类型文本，我想根据该数字为我的表生成tr 但它不起作用。 以下是我的片段：

函数findTotal（）{
var表=$（“#旅行”）；
var rowNum=parseInt（$（“#total”）.val（），10）；
var resultHtml=''；
对于（变量i=0；i

名称
性别
国家
这是jquery代码：

 $("#submitButton").click(function() {
    var table = $("#resultTable");
    var rowNum = parseInt($("#table-row-num").val(), 10);
    var resultHtml = '';

    for(var i = 0 ; i < rowNum ; i++) {
        resultHtml += ["<tr>", 
     "<td>", 
      (i+1),
     "</td>",
     '<td><input type="name" placeholder="text goes here..."></td>',
     '<td><input type="name" placeholder="text goes here..."></td>',
     '</tr>'].join("\n");
    }  

    table.html(resultHtml);
    return false; 
});

$（“#提交按钮”）。单击（函数（）{
var表=$（“#可结”）；
var rowNum=parseInt（$（“#表行数”）.val（），10）；
var resultHtml=''；
对于（变量i=0；i

我祝你在执行方面好运。：）

此处演示：

$（文档）.ready（函数（）{
var表=$（“#旅行”）；
var rowNum=parseInt（$（“#total”）.val（），10）；
var resultHtml=''；
对于（变量i=0；i

名称
性别
国家
构造此类字符串时，ES6中的新模板文本非常适合。有关更多信息，请参见此处：


函数findTotal（）{
var body=document.getElementsByTagName（“tbody”）[0]；
var rowNum=parseInt（document.getElementById（“total”）.value，10）；
var resultHtml=''；
对于（变量i=0；i

名称
性别
国家

$（“#RowC”）。在（“单击”，函数（）{
var TRCnt=$（“tbody>tr”）。长度；
对于（var i=TRCnt；i<（parseInt（$（“#RowNum”）.val（））+TRCnt；i++）{
设tr=$（“”）；
让inputName=$（“”，{type:“text”，name:“name”，占位符：“name”，值：i+1}）；
让inputGender=$（“”，{键入：“文本”，名称：“性别”，占位符：“性别”}）；
让inputCountry=$（“”，{type:“text”，name:“country”，占位符：“country”}）；
tr.append（$（“”）.html（inputName））；
tr.append（$（“”）.html（inputGender））；
tr.append（$（“”）.html（inputCountry））；
$（“tbody”）。追加（tr）；
};
});


名称
性别
国家
到底是什么不起作用？是否有任何错误日志？什么不起作用，您在控制台中看到了什么错误？@nadavvadan我的代码不起作用。这里显示错误。但是我的电脑里没有这个错误，它只是不能正常工作，没有任何错误。你有一个语法错误。删除函数声明末尾的
）
。@nadavvadan我刚删除了它。我想在已加载的body上运行我的代码，不提交任何内容，但当onload body时，函数只运行一个，无法编辑行号。您想要什么？此代码在onload body上运行，您可以编辑
submit