Question

我正在使用jQuery将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);
}

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

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

id生成器工作正常。

Answer 1

原来$（）。text函数没有附加，它会覆盖元素的所有内容。这删除了div元素。

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

1 个答案: