Jquery 将数组转换为表

我正在写一个动态表，数据正在从数组中读取，但我无法成功创建表，我是否做错了什么

html部分：

<tr id="rowTitle">
  <td align="middle"><strong>Name</strong></td>
</tr>

名称

jQuery部分：

var name = ["Laura","Michael","Steve"]
var count = 0

for (var i = 0; i < name.length; i++) {
    var row = '<tr>'
            + '<td>' + name[count] + '</td>'
            count++
            + '</tr>'
}

$(row).insertAfter($('#rowTitle'))

var name=[“劳拉”、“迈克尔”、“史蒂夫”]
变量计数=0
对于（变量i=0；i

试试这个：

var name = ["Laura","Michael","Steve"]
var count = 0
var row = ''; // initialize row outside loop 
for (var i = 0; i < name.length; i++) {
  row += '<tr>'+ '<td>' + name[count] + '</td>'+(count++)+'</tr>'; // append html string into row using +=
}
$(row).insertAfter($('#rowTitle')); // insert html after #rowTitle

var name=[“劳拉”、“迈克尔”、“史蒂夫”]
变量计数=0
变量行=“”；//初始化行外部循环
对于（变量i=0；i

试试这个：

var name = ["Laura","Michael","Steve"]
var count = 0
var row = ''; // initialize row outside loop 
for (var i = 0; i < name.length; i++) {
  row += '<tr>'+ '<td>' + name[count] + '</td>'+(count++)+'</tr>'; // append html string into row using +=
}
$(row).insertAfter($('#rowTitle')); // insert html after #rowTitle

var name=[“劳拉”、“迈克尔”、“史蒂夫”]
变量计数=0
变量行=“”；//初始化行外部循环
对于（变量i=0；i

您只插入最后一个

，每个循环中都应该调用

insertAfter（）

。但是，当您使用jQuery时，我认为您实际上应该使用jQuery—在字符串中构建纯HTML是一个坏主意：

var array = ["Laura","Michael","Steve"], $td, $tr;
array.forEach(function(value) {
  $tr = $('<tr>').insertAfter($('#rowTitle')), $td = $('<td>').appendTo($tr)
  $td.text(value)
})

var数组=[“劳拉”、“迈克尔”、“史蒂夫”]，$td$tr；
array.forEach（函数（值）{
$tr=$（''）.insertAfter（$（'#rowTitle'）），$td=$（''）.appendTo（$tr）
$td.text（值）
})

---

以与

数组

相同的顺序生成行的有效标记。作为一种副作用，它比创建复杂的

'+'

等字符串更具可读性和可维护性。

您只插入最后一个

，每个循环中都应该调用

insertAfter（）。但是，当您使用jQuery时，我认为您实际上应该使用jQuery—在字符串中构建纯HTML是一个坏主意：

var array = ["Laura","Michael","Steve"], $td, $tr;
array.forEach(function(value) {
  $tr = $('<tr>').insertAfter($('#rowTitle')), $td = $('<td>').appendTo($tr)
  $td.text(value)
})

var数组=[“劳拉”、“迈克尔”、“史蒂夫”]，$td$tr；
array.forEach（函数（值）{
$tr=$（''）.insertAfter（$（'#rowTitle'）），$td=$（''）.appendTo（$tr）
$td.text（值）
})

以与
数组
相同的顺序生成行的有效标记。作为一种副作用，它比创建复杂的
''+'
等字符串更具可读性和可维护性