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。

要特別檢索關於您帖子的信息，請使用特定於每個帖子的選擇器，如：$(".post:nth-child(2)")。

正如Ashirvad在評論中所建議的那樣，您可以在成功調用ajax之後運行此操作，並且您將能夠檢索有關您的頁面的更新信息。