Javascript 使用jquery将tr追加到表thead时，每个结果都是空白行

我正在尝试从json对象数组创建带有

tr

的

thead

。这是必需的，因为jquerydatatable需要它

我有下面的脚本来实现这一点，但创建了带有空值的tr

$（函数（）{
var json={
“编号”：“10031”，
“说明”：“实体零件”，
“工厂”：“工厂1”，
“LocationIn”：“OutRack”，
“数量”：18
}
var parsed=$.parseJSON（JSON.stringify（JSON））；
console.log（已解析）；
var$thead=$（'#tableId'）。查找（'thead'）；
$.each（已解析，函数（名称，值）{
$thead.append（“”+名称+“”）；
});
});
您不能直接为TR标签添加值

您应该添加tr，然后将列值附加到tr中

试试下面的方法


$（函数（）{
var json={
“编号”：“10031”，
“说明”：“实体零件”，
“工厂”：“工厂1”，
“LocationIn”：“OutRack”，
“数量”：18
}
var parsed=$.parseJSON（JSON.stringify（JSON））；
console.log（已解析）；
var$thead=$（'#tableId'）。查找（'thead'）；
var tr=$（“”）；
$thead.append（tr）；
$.each（已解析，函数（名称，值）{
$（tr）.追加（“”+名称+“”）；
});
});
您非常接近，只犯了几个错误

var json={
“编号”：“10031”，
“说明”：“实体零件”，
“工厂”：“工厂1”，
“LocationIn”：“OutRack”，
“数量”：18
}
var parsed=$.parseJSON（JSON.stringify（JSON））；
var headers=Object.getOwnPropertyNames（已解析）.map（函数（hdr）{
返回“+hdr+”；
});
$（'#tableId thead'）。追加（“+headers+”）；
Table是行和列的组合，没有列和行，现在它是一个表，所以首先需要添加行，然后追加该行中的所有列。
  var json = {
    "Number": "10031",
    "Description": "Solid Parts",
    "Factory": "Factory1",
    "LocationIn": "OutRack",
    "Quantity": 18
  }

  var parsed = $.parseJSON(JSON.stringify(json));

  var headers = Object.getOwnPropertyNames(parsed).map(function(hdr) {
    return "<th>" + hdr + "</th>";
  });
  $('#tableId thead').append("<tr>" + headers + "</tr>");