Javascript 使用jquery生成div列

JSFIDLE上的以下代码：

<div id="container">
    <div class="b">test1</div>
    <div class="b">test2</div>
    <div class="b">test3</div>
    <div class="b">test4</div>
    <div class="b">test5</div>
    <div class="b">test6</div>
</div>

行，它显示了5列的方式，我希望他们被格式化

我必须循环一个数组，根据div的元素数生成div。我想我可以使用

append（）

函数，你觉得怎么样？如何设置每个div的width属性（因为它取决于列数）

---

有什么想法吗？

根据您提供的css，您可以执行以下操作：

var divs = ['a','b','c','d','e', 'f', 'g'];
var con_width = parseInt($('#container').width()); //get the width of the container
var width = (con_width / divs.length) - 10; //divide trough the number of divs, 
//subtract 10 to make them fit

$.each(divs, function(index, value){
    var div = $('<div />').addClass('b').text(value).css('width', width + 'px'); //generate new div
    $('#container').append(div); //append it to the container
});

var divs=['a'，'b'，'c'，'d'，'e'，'f'，'g']；
var con#u width=parseInt（$（'#container'）.width（）//获取容器的宽度
变量宽度=（连续宽度/分段长度）-10//除以div的数量，
//减去10，使其适合
$。每个（div、函数（索引、值）{
var div=$（''）.addClass（'b'）.text（value）.css（'width'，width+'px'）；//生成新div
$（“#容器”）.append（div）；//将其附加到容器
});

参考

---

我不太明白div的数量取决于什么，但是如果您需要生成一些已知数量的div，您可以这样做：

var n=8；
var$cont=$（“#容器”）；
对于（var i=1；i“根据div元素的数量生成div”是什么意思？如果我有
，它应该生成一个div吗？
var divs = ['a','b','c','d','e', 'f', 'g'];
var con_width = parseInt($('#container').width()); //get the width of the container
var width = (con_width / divs.length) - 10; //divide trough the number of divs, 
//subtract 10 to make them fit

$.each(divs, function(index, value){
    var div = $('<div />').addClass('b').text(value).css('width', width + 'px'); //generate new div
    $('#container').append(div); //append it to the container
});