Javascript 动态html生成div id故障

所以我正在构建这个特性，动态输出一个新的“面板”（一些html）。然而，问题是新创建的div缺少一个id，尽管我显式地给它分配了一个id。id应该是一个名称，其数字在每一代新div（name1、name2等）上递增。但是我不能让div接受我分配给它的id

//add panel
  var i = 1; 
        $('#panel').click(function() { 
        $('body').append("<div id='photoContent" + i + "'><h1> Panel </h1><div id='showTable'><h2>add image</h2><div id='table'></div></div></div>").css({
            'margin' : '0px', 
            'padding' : '0px',
            'height' : height, 
            'width' : width,
            'background-color' : 'yellow', 
            'color' : 'rgba(192, 192, 192, .9)',
            'font-family' : 'sans-serif', 
            'font-size' : '40px',
            'text-align' : 'center',
            'border' : '2px solid rgba(192, 192, 192, 1)',
            'border-left-style' : 'none',
            'border-right-style' : 'none'
        }); //close css object literal; 
i++; }); //end click function 

//添加面板
var i=1；
$（“#面板”）。单击（函数（）{
$（'body'）.append（“面板添加图像”）.css({
“边距”：“0px”，
“填充”：“0px”，
“高度”：高度，
“宽度”：宽度，
“背景色”：“黄色”，
'颜色'：'rgba（192192192.9）'，
“字体系列”：“无衬线”，
“字体大小”：“40px”，
“文本对齐”：“居中”，
'边框'：'2px实心rgba（192,192,192,1）'，
“左边框样式”：“无”，
“右边框样式”：“无”
})；//关闭css对象文字；
i++；}）//结束点击功能

---

任何帮助都将不胜感激。

您的代码中有错误

如果从代码中删除此注释，则此操作有效：

//some css

哪个在里面

.css ({//some css}); 

这是一张工作票

这是一张工作票

有什么问题吗？

右括号被注释掉了，因此您有一个非常明显的语法错误，它将如下所示：

 .css ({ uh, oh, no right parenthesis :(

编辑

您更新了代码，删除了导致错误的注释，您的解决方案工作正常，如图所示

id应该是一个名称，其数字在每一代新div（name1、name2等）上递增。但是我不能让div接受我分配给它的id

如果单击面板2次，将创建以下html：

<div id="photoContent1"><h1> Panel </h1><div id="showTable"><h2>add image</h2><div id="table"></div></div></div>
<div id="photoContent2"><h1> Panel </h1><div id="showTable"><h2>add image</h2><div id="table"></div></div></div>

面板添加图像
面板添加图像

嘿，谢谢你的回复，所以我应该说得更清楚，不是html没有生成，而是生成的div没有使用我分配的ID。我确信css不是问题所在，我只是把它加上了，这样我就不必用整个对象文字混淆代码。你检查过我链接的演示吗？在我的修复之后，您的代码运行良好，它创建了id为photoContent1、phontoContent2等的div。

.css

是问题所在，因为您注释掉了右括号。我相信你的开发者工具控制台也会告诉你同样的情况。它不是css，正如我已经提到的。问题来自不同的地方。@nmac我知道.css不是问题所在，而是其中的注释。我就是这么想的。现在有什么问题？它是缩进的。检查问题的更新。这一次，我把代码一字不差地写了出来。正如您所看到的，没有注释掉css，我只是笨拙地复制并快速粘贴了它。