Create a div using loop

Question

I create a div and its css id like this. ```

``` is there a way to create this div using looping statement. Anyone help me..

Accepted Answer

I would recommend using some javascript (without jquery) for performance:

```
var toAdd = document.createDocumentFragment();
for(var i=0; i < 11; i++){
   var newDiv = document.createElement('div');
   newDiv.id = 'r'+i;
   newDiv.className = 'ansbox';
   toAdd.appendChild(newDiv);
}

document.appendChild(toAdd);
```

This way you only make one `append()`, only 1 reflow, and you don't need jQuery.

To append it to a jQuery selector:

```
$('sel').append(toAdd);
```

Or a dom element:

```
document.getElementById('sel').appendChild(toAdd);
```

Create a div using loop

Solution

Problem

Related problems