Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何以类似数组的方式生成多个DIV块?_Javascript - Fatal编程技术网

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

Javascript 如何以类似数组的方式生成多个DIV块?,javascript,Javascript,如何使用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> ... 有很多方法可以做到这一点。您

如何使用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我不确定您到底在寻找什么,但生成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>');
}
(y=2;y>-3;y--)的
{
如果(y==0)y--;

对于(x=-2;x)你能使用数据属性来存储ID吗?恐怕不行……flot使用Div ID来绘制它的内容。也许,如果flot可以修改,但不能直接修改,因为它是一个库。所以顺便说一句,我把我的问题分成几个部分并简化了这个部分,因为我问的不清楚
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>');
}