添加新的申報單，直到數到9或6或3

Question

我需要的是有9周的div類Foo或6或3
它只是要那三個數字

例如：
如果上的元素與Foo類的頁面是4
添加新的div標籤與類Foo，直到他們數到6
如果他們2數到3，如果他們7計數9

這是我上的jsfiddle

代碼http://jsfiddle.net/H6bky/

這在html

<div id="content"> 
    <div class="foo">foo</div> 
    <div class="foo">foo</div> 
    <div class="foo">foo</div> 
    <div class="foo">foo</div> 
</div> 

這CSS代碼

#content{ 
width: 510px; 
background: #ccc; 
height: 800px; 
} 

.foo{ 
width: 150px; 
height: 100px; 
background: #808080; 
margin: 10px; 
float: left; 
} 

謝謝

Answer 1

http://jsfiddle.net/H6bky/1/

$(document).ready(function(){ 
onePostlength = $(".foo").length; 
if (onePostlength < 9 && onePostlength % 3 !=0) 
{ 
    while ($(".foo").length % 3 != 0) 
    { 
     $("#content").append('<div class="foo" />'); 
    } 
} 
}); 

Answer 2

使用模運算

var current = $("div.foo").length; 
while((current % 3) != 0) {  // 3 can be any other number 
    $("#content").append("<div class='foo'>foo</div>"); 
    current++; 
} 

Answer 3

var n = 3 - (document.querySelectorAll('.foo').length % 3), 
content = document.getElementById('content'), 
div, i; 

for (i=0; n<3 && i<n; i++) { 
    div = document.createElement('div'); 
    div.className = 'foo'; 
    div.appendChild(document.createTextNode('foo')); 

    content.appendChild(div); 
} 

查找.foo元素的長度，如果沒有三的倍數，插入更多的div。