jQuery nth與DIV

Question

在業務催化劑我有一個div輸出無序列表。我需要在每個第四項後分出一個非無序項目。硬編碼的版本是這樣的：

<div class="article-list"> 
<ul class="article-list grid"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
    <li>Item 4</li> 
</ul> 

<div class="sponsored-post"> 
<ul class="sponsored-post grid"> 
    <li>Hardcoded Item 1</li> 
    <li>Hardcoded Item 2</li> 
</ul> 
</div> 

<div class="article-list"> 
<ul class="article-list grid"> 
    <li>Item 5</li> 
    <li>Item 6</li> 
    <li>Item 7</li> 
    <li>Item 8</li> 
</ul> 
</div> 

Answer 1

使用jQuery .each()並跟蹤變量在循環。如果該計數器可以被4整除，則將一個div附加到<li>

$(".article-list").each(function(i, value) { 
    if(i % 4 == 0) { 
     newDiv = $("<div></div>").html("new div"); 
     $(this).append(newDiv); 
    } 
});