javascript - 添加新的 div 直到数到 9 或 6 或 3

Question

我需要有 9 个 foo 类的 div 或 6 或 3
只需是这三个数字

示例:
如果页面上类为 foo 的元素为 4
添加带有 foo 类的新 div 标签，直到数到 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" />');  
    }
}
});