¿Cómo puedo usar JavaScript para generar múltiples bloques DIV con ID en ellos, donde los ID se dan, digamos por otra variable, y no son secuenciales? Por ejemplo:

<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>
1
Dennis 4 sep. 2014 a las 18:08

2 respuestas

La mejor respuesta

Hay muchas formas de hacerlo. Puedes hacerlo así:

Considere que va a agregar 10 divs dentro de un div con id = "myDivs", luego

for(var i=1; i<11; i++){
    $("#myDivs").append('<div id="x_y_curve_'+i+'" class="graph"></div>');
}
1
Viswanath D 4 sep. 2014 a las 14:18

No estoy seguro de lo que estás buscando exactamente, pero una forma fácil de generar filas de divs es algo como esto.

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>');
}

Si lo hace de esta manera, cada div tendrá una coordenada xey específica, lo que podría facilitar su procesamiento.

http://jsfiddle.net/dqqkr7rh/

1
Community 20 jun. 2020 a las 09:12