CODEWITHSUNDEEP
javascriptjquerycsshtml
user1577161
user1577161

Reputation: 175

Instantiate new element class using javascript

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.

Upvotes: 0

Views: 194

Answers (4)

xdazz
xdazz

Reputation: 160833

You may want the .clone method.

var ele = $('.myclass');

for (var i = 0; i < 5; i++) {
    ele.clone().appendTo('.container');
}

The live demo.

Upvotes: 2

Sushanth --
Sushanth --

Reputation: 55740

Try this

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

var $container = $('.container');
var $myclass = $('.container').html();

var mycount ; // Your count

for(var i =0;i< mycount ; i++){
   $container.append($myclass)
}

Upvotes: 1

Kos
Kos

Reputation: 72241

With or without JQuery:

for (var i = 0; i < howMany; ++i) {
    // pure js
    var div = document.createElement('div')
    div.classList.add('myclass')
    somePlace.appendChild(div)

    // jquery
    $("<div></div>").addClass('myclass').appendTo(somePlace)
}

Upvotes: 1

Darin Dimitrov
Darin Dimitrov

Reputation: 1038720

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

You could use the .append() method.

Upvotes: 1

Related Questions