javascript - 在每个附加正文的 div 中包含一个表

Question

我正在开发一个网站，我需要为某些地方获取一些 json 数据，其中包括图像、标题、信息等，我需要将它们呈现给网站。

我开发了一个原型，在其中使用 HTML5 经典模板，并使用语句成功地附加"article"了 10 个div ，并且我能够使用 counter 为它们提供唯一的 id 。<div>Example div</div>fori

我的代码是

<script type="text/javascript">
$(document).ready(function () {

for (var i=1; i<10; i++){

$("article").append("<div id=myid"+i+">Example div</div");

}

    });
</script>

这很好用，但问题是我想附加article使用具有唯一 id 的单独 div，并且每个 div 都将包含一个表，该表将填充我将来会收到的 json 数据。

但是当我尝试编写我的代码并将下面的代码放在 div 标签内时，我得到一个语法错误......

 <table width="597" border="1"><tr><td rowspan="2">&nbsp;</td><td rowspan="3">&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td></tr></table>

有什么想法吗？

Answer 1

我终于把它放在一起正确的方法是添加：

$("article").append("<table id="+i+" width="+597+" border="+1+"><tr><td rowspan="+2+">&nbsp;</td><td rowspan="+3+">&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td></tr></table>");

我只是添加“+表格内容的数值+”，这样就可以了，谢谢大家的意见和建议！:)