我有一个页面,我正在使用 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
所示:textzero
preserv
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 调用加载替换数据后清理以前的元素?