1

我有一个页面,我正在使用 ajax 从数据库加载数据。该数据包含一些 html 代码,我将此代码放在一个名为#container. 我有一个分页器系统,所以如果我单击“下一步”按钮,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> 

问题是,假设我想在类之前加载之前的 ajax 数据之后对类做一些事情,如下textzero所示:textzeropreserv

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 调用加载替换数据后清理以前的元素?

4

1 回答 1

0

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

于 2013-04-01T12:30:44.100 回答