将不同的div附加到ajax请求加载的div(无限滚动)

Question

我在我的网站上使用这个插件。您将能够看到它正在生成的HTML结构。我试图在每5个div之后插入自定义div。因为它是异步加载的，所以我无法附加我想要的div。我尝试添加以下代码，用于正常情况

$(".alm-reveal:eq(0)").append("<div>Firstdiv</div>");
$(".alm-reveal:eq(1)").append("<div>Second Image</div>");
$(".alm-reveal:eq(2)").append("<div>Third IMage</div>");
$(".alm-reveal:eq(3)").append("<div>Fifth Image</div>");
$(".alm-reveal:eq(4)").append("<div>Sixth Image</div>");
$(".alm-reveal:eq(5)").append("<div>Seventh Image</div>");
$(".alm-reveal:eq(6)").append("<div>Eigth Image</div>");
$(".alm-reveal:eq(7)").append("<div>ninth Image</div>");

显然不起作用。我还尝试将它添加到成功函数中。

success: function (data) {
    alm.AjaxLoadMore.success(data);
    $(".alm-reveal").append("<div>Firstdiv</div>");
}

但由于它在循环中，它是重复的。我不知道如何做到这一点。每次发出ajax请求并在适当的位置追加不同的div时，我如何触发追加函数。希望我说得很清楚。

Answer 1

我正在回答我自己的问题，但我不确定这是否有效的方法。但它100%是我想要的。

if(data.indexOf("aj-l-main-entry-8") > -1) //Making sure AJAX div is loaded
      {
         if(document.getElementById("element-id") == null) { //Appending div only once 
         $("#id_of_the_div_you_want_to_append_to").append('<div></div>');
         }
      }

我在success函数中添加了上述代码。

Answer 2

success: function (data) {
    alm.AjaxLoadMore.success(data);
    $(".alm-reveal:last").append("<div>"+data+"</div>"); //selects last div in that class
}

每次你追加时，你都应该在那个特定的类中追加到最后一页。

Answer 3

success: function (data) {
        alm.AjaxLoadMore.success(data);
        $(".alm-reveal:last").append("<div>"+data+"</div>"); //selects last div in that class
    }

应该相应地传递数据，以便在div中获得不同的数据。