jquery append 创建额外的元素

Question

我的代码中的jquery.append 创建了一个额外的元素。我不确定出了什么问题。

非常感谢您的帮助

var topDiv = document.createElement('div');

this.topDiv.innerHTML = '<div class="MyDiv1"></div><div class="MyDiv2">' +
                        '<canvas class="MyCanvas" width="10" height="1">' +
                        '</canvas></div><div class="MyDiv3"></div><span class="MySpan"></span>';
MyCanvasEle = topDiv.childNodes[1].childNodes[0];
MyCanvasEle.getContext('2d');

我想在 MyDiv2 中添加另一个 div，与 MyCanvas 级别相同。最终，我将在 for 循环中将 0（零）替换为 i，但现在，第一个追加为我提供了具有所需位置、宽度和 len 的元素，但它也为我提供了没有属性的额外元素。

$(".MyDiv2" ).append('<div id="MyID' + 0 + '" class="MyClass1"><table border="1" width="100% height="5"><tr><td></td></tr></table></div>');
$("#MyID"+0).css("top", 5);

Answer 1

我假设 0 将被替换为变量，无论如何您的附加代码无效 - 您缺少 +：

                                           V - insert here :)
$(".MyDiv2" ).append('<div id = "MyID' + 0 + '" class="MyClass1"><table border="1" width="100% height="5"><tr><td></td></tr></table></div>');
$("#MyID"+0).css("top", 5);

为了整洁，还要去掉 id = 周围的空格：

$(".MyDiv2" ).append('<div id="MyID' + 0 + '" class="MyClass1"><table border="1" width="100% height="5"><tr><td></td></tr></table></div>');
$("#MyID"+0).css("top", 5);

使用调试器（如 F12 Chrome 功能）来 a) 检查您的 HTML 结构和 b) 为您的代码设置断点总是一个好主意。