Javascript 添加新div，直到计数为9、6或3

我需要有9个级别为foo或6或3的div
必须是这三个数字

示例：
如果类为foo的页面上的元素为4
使用类foo添加新的div标记，直到它们计数到6
如果他们从2数到3，如果他们从7数到9

这是我在JSFIDLE上的代码

这是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>

---

谢谢

使用模运算符

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

var current=$（“div.foo”）.length；
而（（当前%3）！=0）{//3可以是任何其他数字
$（“#内容”）。追加（“foo”）；
电流++；
}

使用模运算符

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

var current=$（“div.foo”）.length；
而（（当前%3）！=0）{//3可以是任何其他数字
$（“#内容”）。追加（“foo”）；
电流++；
}

var n=3-（document.querySelectorAll（'.foo'）。长度%3），
content=document.getElementById（'content'），
第一分区；
对于（i=0；n
var n=3-（document.queryselectoral（'.foo'）。长度%3），
content=document.getElementById（'content'），
第一分区；
对于（i=0；n

$（文档）.ready（函数（）{
onePostlength=$（“.foo”）.length；
如果（onePostlength<9&&onePostlength%3！=0）
{
而（$（“.foo”）.length%3！=0）
{
$（“#内容”）。附加（“”）；
}
}
});

$（文档）.ready（函数（）{
onePostlength=$（“.foo”）.length；
如果（onePostlength<9&&onePostlength%3！=0）
{
而（$（“.foo”）.length%3！=0）
{
$（“#内容”）。附加（“”）；
}
}
});
So…使用模数，创建循环并附加元素…因此…使用模数，创建循环并附加元素…谢谢：），工作完美谢谢：），工作完美
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);
}

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