在每个追加正文的div中包含一个表

时间:2013-07-23 15:50:58

标签: javascript jquery html5

我正在开发一个网站,我需要获取一些包含图像,标题,信息等的地方的json数据,我需要将它们呈现给网站。

我开发了一个原型,我使用HTML5经典模板,并使用"article"语句成功地将<div>Example div</div>与10个for div相关联,并且我能够为它们提供唯一id使用计数器i

我的代码是

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

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

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

}

    });
</script>

这很有效,但问题是我想使用具有唯一ID的单独div来附加article,并且每个都包含一个表格,该表格将填充我将来会收到的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>

有什么想法?

1 个答案:

答案 0 :(得分:0)

我终于得到了它,正确的方法是添加:

$("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>");

我只是想添加“+表格内容+的数值”,这样就可以感谢所有评论和建议! :)