如何以类似数组的方式生成多个DIV块

How to generate several DIV blocks in array like manner?

本文关键字：DIV 方式生 数组      更新时间：2023-09-26

如何使用JavaScript生成多个包含ID的div块，其中ID是由另一个变量给定的，并且不是连续的。例如：

<div id="x_y_curve_123" class="graph"></div>
<div id="x_y_curve_256" class="graph"></div>
...
<div id="x_y_curve_354" class="graph"></div>

有很多方法可以做到这一点。你可以这样做：

假设您要在id="myDivs"的div中添加10个div，然后

for(var i=1; i<11; i++){
    $("#myDivs").append('<div id="x_y_curve_'+i+'" class="graph"></div>');
}

我不确定你到底在寻找什么，但生成div行的一种简单方法是这样的。

for(y=2;y>-3;y--) {
    if(y == 0) y--;
    for(x=-2;x<3;x++) {
        if(x == 0) x++;
        $('body').append('<div id="x_y_curve_'+x+'_'+y+'" style="border:1px solid black;width:100px;height:100px;float:left" data-x='+x+' data-y='+y+'></div>');
    }
    $('body').append('<div style="line-height:102px"><br></div>');
}

如果这样做，每个div都将有一个特定的x和y坐标，这可能会使处理它变得更容易

http://jsfiddle.net/dqqkr7rh/

相关文章：