javascript - 每 X 个 div 添加元素到页面

Question

我需要每 X 个帖子运行此函数，并且当您向下滚动页面时，页面使用 AJAX 加载新帖子。我希望使用下面的函数，将 for 循环与模运算符一起使用，但它似乎没有实现我正在寻找的东西。知道如何做到这一点吗？

$(document).ready(function($) {
function adTileLoop(){
        var adTile = "<div class='new-box' id='article-tile'></div>";
        var adLoc = 11;
        var p = $('#article-tile');
        var tile = $('#article-tile:nth-child('+adLoc+')');
        for(var i = 0; i <= p.length; i++){
                        if(i % adLoc == 0){
                            $(tile).after(adTile);
                        }
        }
}
$('#content').live(adTileLoop);
}

Answer 1

首先，您需要注意保持 ID 的唯一性。事实上，您有 $("#article-tile") 并且您试图选择多个，这是一个错误。 ID 必须是唯一的。

这是使用 jQuery 运行一堆 div 的更好方法:

$("div").each(function() {
    console.log($(this));
});

然后，您可以改进选择器以仅选择nth-children，就像您在问题中所做的那样:

例如

$("div:nth-child(2)") 将获取页面上的所有其他 div。

要专门检索有关您的帖子的信息，请使用特定于每个帖子的选择器，例如:$(".post:nth-child(2)")。

正如 Ashirvad 在评论中建议的那样，您可以在成功的 ajax 调用后运行它，并且您将能够检索有关页面的更新信息。