ページがあり、ajax を使用してデータベースからデータをロードしています。そのデータにはいくつかの html コードが含まれており、このコードを という div 内に配置しました#container
。私はページネーター システムを持っているので、「次へ」ボタンをクリックすると、ajax が再び開始され、応答として html コードを取得し、このコードを a. 内の前のコードに置き換えます#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 呼び出しで置換データをロードした後、以前の要素を消去する方法はありますか?