javascript - div.append 不适用于添加 html

Question

这个问题已经有答案了:

Prepend divs without closing them (1 个回答)

已关闭 7 年前。

我试图有一个 div 元素，我可以向其中添加 ul 元素，我的代码如下所示:

$("#mydiv").append("<ul>");
$.each(data.d.results, function(index, value) {
    $("#mydiv").append("<li>");
    $("#mydiv").append(value["Title"]);
    $("#mydiv").append("</li>");
});
$("#mydiv").append("</ul>");

但是发生的事情是，一旦出现以下行:$("#mydiv").append("<li>")执行时，它会立即关闭它，所以 value["Title"]添加在 li 的结束标记之后。

这是正常情况吗？

Answer 1

您使用 jQuery 的方式是错误的，请尝试这样的操作(未经测试):

var ul = $("<ul></ul>");

$.each(data.d.results, function (index, value) {
    ul.append($("<li></li>").text(value["Title"]));
});

$("#mydiv").append(ul);