Question

我正在使用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>的内容。

如何阻止这种情况发生？

感谢。

Answer 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;

Answer 2

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

ID 您的表格，然后附加到该表格。

$("#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函数每次调用添加新行到您的表格。

Answer 3

创建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);

Answer 4

你做不到。您正在使用DOM，而不是HTML流。

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

如果要处理HTML片段，则必须以字符串形式处理，而不是jQuery对象

javascript正在关闭我的HTML标签

4 个答案: