javascript - 使用 javascript 实例化新的元素类

Question

如何使用 javascript 实例化现有的 div 元素？可以说我有：

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

我想使用 javascript 在“容器”类中创建尽可能多的“myclass”元素。我怎样才能做到这一点？

请帮忙，谢谢。

Answer 1

您可能需要.clone方法。

var ele = $('.myclass');

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

现场演示。

Answer 2

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

您可以使用该.append()方法。

Answer 3

有或没有 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)
}

Answer 4

试试这个

<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)
}