如何在 Javascript 中向 <td> 添加不同的类答案

【问题标题】：How do I add different classes to <td> in Javascript如何在 Javascript 中向 <td> 添加不同的类
【发布时间】：2018-09-27 04:41:42
【问题描述】：

嘿，我在一个表中有两个 td 元素。

我希望它们有单独的样式类。我该怎么做？

这是我的代码：

table += "<tr>";
  for(var i = 0; i < data.list.length; i++){
    table += "<td>" + "<table>" + "<td>" + value1 "</td>" + "<td>" + value2 + "</td>" + "</table>";
  }
table += "</tr>";

我试图简单地在 td 元素中添加类，但这不起作用。

有什么想法吗？我使用 Javascript 来创建表格。

所以这不起作用：

table += "<tr>";
  for(var i = 0; i < data.list.length; i++){
    table += "<td>" + "<table>" + "<td class="one">" + value1 "</td>" + "<td class="two">" + value2 + "</td>" + "</table>";
  }
table += "</tr>";

【问题讨论】：

您需要用反斜杠转义双引号。示例：` "" `
除了@ChiragRavindra，您还可以将one 周围的双引号更改为单引号。
"<table>" + "<td … 无效。 TD 不能是 TABLE 的直接子代。将发生错误更正，这将构建一个可能与您预期不同的 DOM。
就像@RobG 说的，我认为"<table>" 和"<td>" 标签之间一定有一个"<tr>"。

table += "<tr>"; for(var i = 0; i < data.list.length; i++){ table += "<td>" + "<table>" + "<td class='one'>" + value1 "</td>" + "<td class='two'>" + value2 + "</td>" + "</table>"; } table += "</tr>";