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');
}
2
xdazz
8 Okt. 2012 im 08:33