javascript - 使用 jQuery 创建 DIV 网格

Question

我需要创建一个 DIV 网格（所有 DIV 都将具有相同的尺寸）并为它们设置定义的名称、颜色、位置等。根据您的说法，哪种方法最相关/最简单/最快？

任何答案将不胜感激！

Answer 1

毫无疑问，javascript 中的迭代器就像最常用和最喜欢for(){}的循环一样很好，并且就 jQuery 而言.each()是您正在寻找的。

在 jQuery 中使用 for 循环：

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

看一下这个

Answer 2

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

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

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

Answer 3

使用 append 方法添加一堆 div 的迭代器（for 循环可以工作）。

如果每个都有细微的差异，请在地图或迭代器也可以访问的东西中跟踪差异。