无法使用jquery append在div中追加div_Jquery

无法使用jquery append在div中追加div

jquery

无法使用jquery append在div中追加div,jquery,Jquery,我使用jQuery在另一个硬编码的div标记内追加一个div对象，然后在该标记内追加另一个div对象。第一次追加发生得很好，但第二次追加根本没有发生。不知道为什么以下是硬编码的html： <body style="padding: 0px; margin: 0px;"> <div id="root"></div> </body> 以下是jQuery代码： var lastID = 0; var rootID = "root"; functi

我使用jQuery在另一个硬编码的div标记内追加一个div对象，然后在该标记内追加另一个div对象。第一次追加发生得很好，但第二次追加根本没有发生。不知道为什么

以下是硬编码的html：

<body style="padding: 0px; margin: 0px;">
<div id="root"></div>
</body>

以下是jQuery代码：

var lastID = 0;
var rootID = "root";
function getNewID() {
    lastID++;
    return (rootID+lastID).trim();
}

$(document).ready(function create() {
        var id1 = loadNewDiv(rootID);
        var id2 = loadNewDiv(id1);
        loadText(id1, "Hello");
    });

function loadNewDiv(parentDiv) {
    var id = getNewID();
    var idTag = "#" + id;
    append(parentDiv, "<div id = \"" + id + "\"></div>");
    return id;
}

function append(id, html) {
    $("#" + id).append(html);
}

function loadText(id, text){
    $("#" + id).text(text);
}

var lastID=0；
var rootID=“root”；
函数getNewID（）{
lastID++；
return（rootID+lastID）.trim（）；
}
$（文档）.ready（函数create（）{
var id1=loadNewDiv（rootID）；
var id2=loadNewDiv（id1）；
loadText（id1，“你好”）；
});
函数loadNewDiv（parentDiv）{
var id=getNewID（）；
var idTag=“#”+id；
附加（parentDiv，“”）；
返回id；
}
函数附加（id，html）{
$（“#”+id）.append（html）；
}
函数loadText（id，文本）{
$（“#”+id）.text（text）；
}

这里是输出html，只有一个div

<body style="padding: 0px; margin: 0px;">
<div id="root">
<div id="root1"></div>
</div>
</body>

id生成器工作得非常好。

证明$（）.text函数不附加，它覆盖元素的所有内容。这删除了div元素。

如果没有loadNewDiv的代码，就不可能知道id1是什么，这可能不是您所期望的。您传递给append的parentDiv是div元素，而不是id。这就是append方法无法工作的原因！我返回的是id，不是元素。