jquery - 如何在 JQuery 中追加列表项而不创建新的 html 元素？

Question

我有一个包含多个列表元素的无序列表。现在，通过 Jquery，我想从数据库加载更多项目，然后将它们 append 到我的列表中。我的代码:

$("#somediv").append($("<div>").load("ajax.php?action=getresults", function()
{
    $('#busy').delay(1500).fadeOut(700);
}));

这里的问题是我不想将新的 html 添加到我的无序列表中，因为我的列表项将由我的 ajax 请求“创建”。所以我的ajax请求将例如返回<li>some value</li>然后应将其 append 到 ul 。所以实际上我想做一些类似的事情

$("#somediv").append($("").load("ajax.php?action=getresults", function()
{
    $('#busy').delay(1500).fadeOut(700);
}));

在 JQuery 中 append 内容而不创建新的 html 元素(在本例中为 div 元素)的解决方案是什么？

Answer 1

如果我正确理解了您的问题，您需要使用 ajax() 而不是 load() 来更好地控制接收到的数据会发生什么。试试这个:

$.ajax({
    url: "ajax.php?action=getresults",
    dataType: "html", 
    success: function(html) {
        $("#somediv").append(html);
        $('#busy').delay(1500).fadeOut(700);
    }
});