使用jQuery创建DIV网格

时间:2013-03-22 18:02:24

标签: javascript jquery

我需要创建一个DIV网格(所有DIV将具有相同的尺寸)并为它们设置一个已定义的名称,颜色,位置等。根据您的要求,这是最相关/最简单/最快速的方法吗?

任何答案都将不胜感激!

3 个答案:

答案 0 :(得分:2)

使用append方法添加一堆div的迭代器(for循环可行)。

如果每个人都有轻微差异,请跟踪地图中的差异或迭代器也可以访问的内容。

答案 1 :(得分:2)

毫无疑问,javascript中的迭代器就像最常用的和最喜欢的for(){}循环一样好,而jQuery .each()就是你要找的。

使用for循环与jQuery:

for(var i = 0; i<=10; i++){
   $('<div />').addClass('sameDiv').attr('id','div'+i).appendTo('body');
}

CHECK THIS OUT

答案 2 :(得分:2)

另一个答案是正确的,但我更喜欢jQuery元素创建语法:

for (var i = 0; i <= 10; i++) {
    $('<div />', {
        'class' : 'sameDiv',
        'id'    : 'div' + i
    }).appendTo('body');
}
  

小提琴:http://jsfiddle.net/K5ERR/