循环通过代码创建`<th>`标签但得到`<td>`

Question

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

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>'); 
      }
    }
  }
}