0

我正在使用 javascript 将表格添加到页面中。

$("#tablediv").append("<table border = '1'><tbody><tr><td width='100px'><b>Result</b></td><td width='100px'><b>Binding</b></td><td width='744px'><b>Value</b></td></tr>");

问题是它正在运行</tbody>并</table>在最后添加。

我怎样才能阻止这种情况发生？

谢谢。

4

4 回答 4

1

您是否尝试在创建表后向表中添加新元素？

标识您的表，然后附加到该表。

$("#tablediv")
  .append("<table id='mytable' border = '1'><tbody><tr><td width='100px'><b>Result</b></td><td width='100px'><b>Binding</b></td><td width='744px'><b>Value</b></td></tr></table>");​​​

$("#mytable")
  .append("<tr><td>Bla</td><td>Foo</td><td>Bar</td></tr>");

每次要向表中添加新行时调用第二个jQuery 函数。

于 2012-08-06T10:52:46.603 回答
1

我的印象是你想要这个，所以你可以循环输出你的结果？

var table = "<table border = '1'><tbody><tr><td width='100px'><b>Result</b></td><td width='100px'><b>Binding</b></td><td width='744px'><b>Value</b></td></tr>";
// loop through your data here
table += "</tbody></table>";

 document.getElementById("tablediv").innerHTML += table;
于 2012-08-06T10:56:26.790 回答
1

创建 var，将你的东西附加到它，然后当你准备好调用 .append(html)

var html = "";
html += "<table border = '1'><tbody><tr><td width='100px'><b>Result</b></td><td width='100px'><b>Binding</b></td><td width='744px'><b>Value</b></td></tr>"
$("#tablediv").append(html);
于 2012-08-06T10:57:28.283 回答
1

你不能。您正在操作 DOM，而不是 HTML 流。

jQuery 允许您使用 HTML 语法来描述要创建的 DOM 片段（然后您可以插入或以其他方式操作），但这只是为了方便。如果 HTML 不是有效的片段，它将被纠正错误。

如果你想处理 HTML 片段，你必须以字符串的形式进行，而不是 jQuery 对象

于 2012-08-06T10:57:45.243 回答