javascript - .append 动态表的 Js 未终止字符串常量

Question

我正在使用数组中的数据动态创建一个表：

var toAppend = $("#tablediv");
toAppend.append("<table id=\"grid\"><tr><th>(labels)</th>");
for (var f = 0; f < seriescount; f++)
{
    toAppend.append("<th>" + series[f] + "</th>");
}
toAppend.append("</tr></table>");

最后一行返回“未终止的字符串常量”错误。这通过删除该行或更改其内容而消失 - 这与它是一个结束标签有关。

此代码位于 C# Razor 中的标记中。

Answer 1

文档片段总是关闭的。您不能附加半个元素。

所以当你这样做时

toAppend.append("<table id=\"grid\"><tr><th>(labels)</th>");

你真正要做的是

toAppend.append("<table id=\"grid\"><tr><th>(labels)</th></tr></table>");

一个简单的解决方案是构建一个 HTML 字符串，并且只append使用完整的字符串：

var h = "<table id=grid><tr><th>(labels)</th>";
for (var f = 0; f < seriescount; f++) {
    h += "<th>" + series[f] + "</th>";
}
h += "</tr></table>";
$("#tablediv").append(h);