Jquery 为什么我所有的<；td>；细胞挤在一个<；th>；单元，而不是均匀分布在所有单元中<；th>；细胞？

我的代码在这里：

我相信这段代码是罪魁祸首，但我不确定如何修复它：

$('tbody tr'+row_counter.toString()).append(
  "<td>"+ entree[row_counter]['gsx$employer']['$t'] +"</td>"+
  "<td>"+ entree[row_counter]['gsx$title']['$t'] +"</td>"+
  "<td>"+ entree[row_counter]['gsx$location']['$t'] +"</td>"+
  "<td>"+ entree[row_counter]['gsx$employerorganizations']['$t'] +"</td>" +
  "<td>"+ entree[row_counter]['gsx$typeofjob']['$t'] +"</td>"
)
row_counter += 1;
});

$（'tbody tr'+行计数器.toString（））.append(
“+主菜[排柜台]['gsx$employer']['t']+”+
“”+主菜[行计数器]['gsx$title']['t']+“”+
“”+主菜[行计数器]['gsx$location']['t']+“”+
“+主菜[排柜台]['gsx$EmployeerOrganizations']['$t']+”+
“+entre[行计数器]['gsx$typeofjob']['t']+”
)
行计数器+=1；
});

有关简要说明：

我从一个公开的谷歌电子表格中提取数据，我将其数据转换为JSON，以便将其提取到codepen

---

代码应该是均匀分布在（th）个小区下的（td）个小区，但是所有的td个小区都被塞满在第一个小区下。如何修复此问题？

您可以尝试编辑JS的此部分：

  $(entree).each(function(){
    var current_tr = "<tr class=\"tr" + row_counter.toString()+"\">";
    var current_tr_name = "tr"+ row_counter.toString();
    $('tbody').append(current_tr + "</tr>")
    $('tbody .tr'+row_counter.toString()).append(
      "<td>"+ entree[row_counter]['gsx$employer']['$t'] +"</td>"+
      "<td>"+ entree[row_counter]['gsx$title']['$t'] +"</td>"+
      "<td>"+ entree[row_counter]['gsx$location']['$t'] +"</td>"+
      "<td>"+ entree[row_counter]['gsx$employerorganizations']['$t'] +"</td>" +
      "<td>"+ entree[row_counter]['gsx$typeofjob']['$t'] +"</td>"
    )
    row_counter += 1;
  });

$（entre）.each（函数（）{
var电流_tr=“”；
var current_tr_name=“tr”+行计数器.toString（）；
$（'tbody'）.append（当前\u tr+“”）
$（'tbody.tr'+行计数器.toString（））.append(
“+主菜[排柜台]['gsx$employer']['t']+”+
“”+主菜[行计数器]['gsx$title']['t']+“”+
“”+主菜[行计数器]['gsx$location']['t']+“”+
“+主菜[排柜台]['gsx$EmployeerOrganizations']['$t']+”+
“+entre[行计数器]['gsx$typeofjob']['t']+”
)
行计数器+=1；
});

---

为我工作。

tbody tr0

wut？正如@KevinB所说，如果你检查你的代码。。。。等等，它们不是有效的html元素。从理论上讲，th元素表示单元格，很像td元素。在th下面有一个td元素是没有意义的。很可能是浏览器帮你解决了这个问题。t你没有th，它有tr。您的代码显示了一些内容，而您正在询问其他内容。请查看W3表格页面，了解表格的一般语法-