Question

How can I instantiate an existing div element using javascript? Lets say I have:

    <div class="container">
    <div class="myclass">TROLL FACE</div>
    </div>

I want to create as many ‘myclass’ element inside the ‘container’ class as I want using javascript. How can I do this?

Please help, thanks.

Answer 1

var container = $('.container');
for (var i = 0; i < 5; i++) {
    container.append('<div class="myclass">TROLL FACE</div>');
}

You could use the .append() method.