Question

我发送AJAX并获取带有许多div元素（.card）的HTML，我使用.append在每个AJAX请求后添加新的.card元素（如无限滚动）。如何在一，二，三......等AJAX请求之后在页面上使用.each。

$( document ).ready(function() {
$('.card').each(function(i) {
   addMarker(i);
}
});

和

$( document ).ajaxComplete(function() {
$('.card').each(function(i) {
   addMarker(i);
}
});

不能正常工作。

我从每个AJAX请求的新.card div开始计数。

Answer 1

如果你有一个容器<div class="container"></div>，你要附加卡<div class="card"></div>，那么你应该使用以下脚本：

$(document).scroll(function(){
    $.ajax({
        method: "GET",
        url: "file.php",
        success: function(data){
            data = $.parseHTML(data);
            $.each( data, function( i, el ) {
                if (el.className == 'card') {
                    $(el).appendTo('.container');
                };
            });

            $('.card').each(function(i) {
                addMarker(i);
            });
        }
    });
});

Answer 2

试试我的方式，我认为它会对你有所帮助。

$(function(){
$.ajax({
    method: "GET",
    url: "data.action",
    success: function(data){
        $(data).find(".card").each(function(i, o){
                $(".container").append(o);
        });
        $('.card').each(function(i) {
            addMarker(i);
        });
    }
  });
});

如果我在AJAX中使用.append，我如何使用.each？

2 个答案: