Question

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

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

我想在'容器'类中创建尽可能多的'myclass'元素，因为我想使用javascript。我怎么能这样做？

请帮助，谢谢。

Answer 1

您可能需要.clone方法。

var ele = $('.myclass');

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

的 The live demo. 的

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

使用javascript实例化新元素类

4 个答案: