循环访问代码以创建""<th>标记，但得到<td>""

Question

这是我的代码片段，对于每一行，我都在这个数组中迭代，并希望在循环继续的次数中创建<th>。因此，例如，如果循环连续3次，则应使用计划名称创建3个<th>。但问题是我有3个<td>而不是<th>。请告诉我哪里错了？

for (j = 0; j < bid[j].length; j++) {
for (k = 0; k < plan["data"].length; k++) {
if (plan["data"][k]) {
if (bid[j] == plan["data"][k]) {
first_row = '<th><b>' + plan["data"][k]["[Plan name]"] + '</b></th>';
var table = document.getElementById("data");
var cell1 = row.insertCell(1);
cell1.innerHTML = first_row;
//$("#data").append(first_row); 
}
}
}
}

我想要这样的东西

<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>

Answer 1

不能将<th>放在表单元格中。小区是<td>或<th>。但insertCell总是产生<td>细胞。将<th>放入其中不会改变其类型。

使用jQuery将<th>添加到表的第一行。

for (j = 0; j < bid[j].length; j++) {
for (k = 0; k < plan["data"].length; k++) {
if (plan["data"][k]) {
if (bid[j] == plan["data"][k]) {
$("#data tr:first").append('<th><b>' + plan["data"][k]["[Plan name]"] + '</b></th>'); 
}
}
}
}