javascript - 使用 ajax 调用加载替换数据后清理先前的元素

Question

我有一个页面，我正在使用 ajax 从数据库加载数据。该数据包含一些 html 代码，我将此代码放入名为 #container 的 div 中。我有一个分页器系统，所以如果我单击“下一步”按钮，ajax 会再次启动并获取 html 代码作为响应，然后将此代码替换为 #container 内的先前代码。

我有这样的代码:

function loading_show() {
    $('#loading').html("<img src='images/loading.gif'/>").fadeIn('fast');
}
function loading_hide() {
    $('#loading').fadeOut('fast');
}
function loadData(page) {
    loading_show();

    $.ajax({
        type: "POST",
        url: "load_data.php",
        data: "page=" + page,
        success: function(msg) {
            $("#container").ajaxComplete(function(event, request, settings) {
                loading_hide();
                $("#container").html(msg);
            });
        }
    });
}

ajax 函数的结果是 HTML 消息。此消息的一部分如下所示:

<span id="one_15" class="textzero">8002379154 - JKLM REPRESENTACIONES Y CIA LTDA</span> 

哦。所以..如果我再次调用ajax，我会得到另一个像这样的html:

<span id="one_16" class="textzero">EXAMPLE TEXT</span> 

问题是，假设我想在加载 textzero 类之前对 textzero 类执行某些操作，preserv 之前的 ajax 数据像这样:

texto2 = $('.textzero').text();

<span id="one_15" class="textzero">8002379154 - JKLM REPRESENTACIONES Y CIA LTDA</span>
<span id="one_16" class="textzero">EXAMPLE TEXT</span> 

问题: 有没有办法在使用 ajax 调用加载替换数据后清除以前的元素？

Answer 1

您可以调用$("#container").empty()从该容器中删除所有子节点。