javascript - jQuery 将元素添加到动态元素

Question

我有一个动态添加的 div，我想附加它以响应点击事件。添加时会创建并呈现初始 div，但是尝试将子 div 添加到第一个动态 div 不会呈现 - 但在控制台日志中，动态 div 显示已添加新的 div。

var newDiv = $('<div id="#newDiv'+pID+'" />').css({
    display:"inline-block",
    width:"90%",
    height:"100px",
    position:"relative"
})

var newHTML = "<div>some content</div>"

$(newDiv).html(newHTML)
$('#dynDiv'+ID).append($(newDiv))

console.log($('#dynDiv'+pID))  // displays code created successfully

所以当使用调试器“检查”DOM 时，newDiv 既不呈现也不存在。

为什么第二次尝试添加动态内容失败了？？

Answer 1

你记得把它附加到什么东西上吗？请记住，jQuery 可以在内存中显示不属于页面的 DOM 元素:

newDiv.appendTo($(parentElement));

例如。 http://jsfiddle.net/dTe73/

一些其他可能的错误:

• #不是在 $('<div id="#newDiv'+pID+'" />') 中放入 id 的有效字符
• $('#dynDiv'+ID)看起来像是 $('#dynDiv'+pID) 的拼写错误(或相反)
• 不是真正的错误，而是对 $ 的重复使用: $(newDiv)绝对等同于newDiv