在Javascript中将行追加到表中

我试图用一些行填充一个表，除了数组中只有最后一行被实际追加之外，其他一切都正常。我真的不知道为什么。我已经打印了阵列，一切都是应该的

$table_body = $('#tbody');
$table_row = $('<tr><td style="text-align: center" class="nome"></td><td style="text-align: center" class="email"></td></td><td style="text-align: center" class="confirmado"></td></td><td style="text-align: center" class="dataCandidatura"></td><td class="btn" style="text-align: center"></td></tr>');

for (i in data)
    {
        var future_field = data[i];
        console.log(future_field);

        $table_row.find('.nome').html(future_field.nome);

        $table_row.find('.email').html(future_field.email);

        $table_row.find('.confirmado').html(future_field.confirmed);

        $table_row.find('.dataCandidatura').html(future_field.created_at);

        // Appending table row to tbody
        $table_body.append($table_row);

        }

$table_body=$（“#tbody”）；
$table_row=$（''）；
对于（数据中的i）
{
var future_字段=数据[i]；
console.log（未来_字段）；
$table_row.find（'.nome'）.html（future_field.nome）；
$table_row.find（'.email'）.html（future_field.email）；
$table_row.find（'.confirmado'）.html（future_field.confirm）；
$table_row.find（'.datacandidatera'）.html（future_field.created_at）；
//将表行追加到tbody
$table\u body.append（$table\u row）；
}

如果有人有什么线索，我将不胜感激。

试试看

表，td{
边框：1px纯黑；
}
单击按钮在表的第一个位置添加新行，然后添加单元格和内容

第1行第1单元
第1行第2单元
第2行第1单元
第2行第2单元
第3行第1单元
第3行第2单元


试试看
函数myFunction（）{
var table=document.getElementById（“myTable”）；
var行=table.insertRow（0）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
cell1.innerHTML=“新建cell1”；
cell2.innerHTML=“新建cell2”；
}

试试看

表，td{
边框：1px纯黑；
}
单击按钮在表的第一个位置添加新行，然后添加单元格和内容

第1行第1单元
第1行第2单元
第2行第1单元
第2行第2单元
第3行第1单元
第3行第2单元


试试看
函数myFunction（）{
var table=document.getElementById（“myTable”）；
var行=table.insertRow（0）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
cell1.innerHTML=“新建cell1”；
cell2.innerHTML=“新建cell2”；
}

您可以使用

.appendTo

函数在jQuery中添加celsl

$table_body=$（“#tbody”）；
$（“#添加单元格”）。单击（函数（）{
行=$（“”）.附录（$table_body）；
$（“”）.html（“内容”）.appendTo（行）.clone（）.appendTo（行）；
});
td{
文本对齐：居中；
边框：1px纯黑；
}

添加单元格
校长1
校长2
首字母
首字母
您可以使用
.appendTo
函数在jQuery中添加celsl


$table_body=$（“#tbody”）；
$（“#添加单元格”）。单击（函数（）{
行=$（“”）.附录（$table_body）；
$（“”）.html（“内容”）.appendTo（行）.clone（）.appendTo（行）；
});
td{
文本对齐：居中；
边框：1px纯黑；
}

添加单元格
校长1
校长2
首字母
首字母
$table_body=$（“#tbody”）；
对于（数据中的i）{
$table_row=$（''）；
var future_字段=数据[i]；
console.log（未来_字段）；
$table_row.find（'.nome'）.html（future_field.nome）；
$table_row.find（'.email'）.html（future_field.email）；
$table_row.find（'.confirmado'）.html（future_field.confirm）；
$table_row.find（'.datacandidatera'）.html（future_field.created_at）；
//将表行追加到tbody
$table\u body.append（$table\u row）；
}
}

您必须在每个循环实例中构建一个新对象。对象是通过引用调用的，而不是通过类似复制的字符串调用的

$table_body = $('#tbody');
$template = $('<tr><td style="text-align: center" class="nome"></td><td style="text-align: center" class="email"></td></td><td style="text-align: center" class="confirmado"></td></td><td style="text-align: center" class="dataCandidatura"></td><td class="btn" style="text-align: center"></td></tr>');

for (i in data) {
   var $table_row = $template.clone();
   var future_field = data[i];
   console.log(future_field);
   $table_row.find('.nome').html(future_field.nome);
   $table_row.find('.email').html(future_field.email);
   $table_row.find('.confirmado').html(future_field.confirmed);
   $table_row.find('.dataCandidatura').html(future_field.created_at);
   // Appending table row to tbody
   $table_body.append($table_row);
 }
}

$table_body=$（“#tbody”）；
$template=$（''）；
对于（数据中的i）{
var$table_row=$template.clone（）；
var future_字段=数据[i]；
console.log（未来_字段）；
$table_row.find（'.nome'）.html（future_field.nome）；
$table_row.find（'.email'）.html（future_field.email）；
$table_row.find（'.confirmado'）.html（future_field.confirm）；
$table_row.find（'.datacandidatera'）.html（future_field.created_at）；
//将表行追加到tbody
$table\u body.append（$table\u row）；
}
}

或者创建jquery对象的副本。但请注意，它将基于文本进行复制，而绑定的侦听器不会被复制；
对于（数据中的i）{
$table_row=$（''）；
var future_字段=数据[i]；
console.log（未来_字段）；
$table_row.find（'.nome'）.html（future_field.nome）；
$table_row.find（'.email'）.html（future_field.email）；
$table_row.find（'.confirmado'）.html（future_field.confirm）；
$table_row.find（'.datacandidatera'）.html（future_field.created_at）；
//将表行追加到tbody
$table\u body.append（$table\u row）；
}
}

您必须在每个循环实例中构建一个新对象。对象是通过引用调用的，而不是通过类似复制的字符串调用的

$table_body = $('#tbody');
$template = $('<tr><td style="text-align: center" class="nome"></td><td style="text-align: center" class="email"></td></td><td style="text-align: center" class="confirmado"></td></td><td style="text-align: center" class="dataCandidatura"></td><td class="btn" style="text-align: center"></td></tr>');

for (i in data) {
   var $table_row = $template.clone();
   var future_field = data[i];
   console.log(future_field);
   $table_row.find('.nome').html(future_field.nome);
   $table_row.find('.email').html(future_field.email);
   $table_row.find('.confirmado').html(future_field.confirmed);
   $table_row.find('.dataCandidatura').html(future_field.created_at);
   // Appending table row to tbody
   $table_body.append($table_row);
 }
}

$table_body=$（“#tbody”）；
$template=$（''）；
对于（数据中的i）{
var$table_row=$template.clone（）；
var future_字段=数据[i]；
console.log（未来_字段）；
$table_row.find（'.nome'）.html（future_field.nome）；
$table_row.find（'.email'）.html（future_field.email）；
$table_row.find（'.confirmado'）.html（future_field.confirm）；
$table_row.find（'.datacandidatera'）.html（future_field.created_at）；
//将表行追加到tbody
$table\u body.append（$table\u row）；
}
}

或者创建jquery对象的副本。但请注意，它将基于文本进行复制，绑定的侦听器不会被复制。
非常感谢。。我知道这一定很简单。。非常感谢，非常感谢。。我知道这一定很简单。。非常感谢：）感谢您的回答，我将使用@TypedSource-answer，因为它只是替换了一行，但还是要感谢：）感谢您的回答，我将使用@TypedSource-answer，因为它只是替换了一行，但还是要感谢：）