Wie kann ich ein vorhandenes div-Element mit Javascript instanziieren? Nehmen wir an, ich habe:

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

Ich möchte so viele 'myclass'-Elemente in der' container'-Klasse erstellen, wie ich mit Javascript möchte. Wie kann ich das machen?

Bitte helfen Sie, danke.

0
user1577161 8 Okt. 2012 im 12:14

4 Antworten

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

Sie können die .append() Methode verwenden.

1
Darin Dimitrov 8 Okt. 2012 im 08:16

Mit oder ohne 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)
}
1
Kos 8 Okt. 2012 im 08:18

Versuche dies

<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)
}
1
Sushanth -- 8 Okt. 2012 im 08:24

Möglicherweise möchten Sie die .clone -Methode.

var ele = $('.myclass');

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

Die Live-Demo.

2
xdazz 8 Okt. 2012 im 08:33