javascript - javascriptを使用して新しい要素クラスをインスタンス化します

Question

javascriptを使用して既存のdiv要素をインスタンス化するにはどうすればよいですか？私が持っているとしましょう：

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

javascriptを使用して、「container」クラス内に「myclass」要素をいくつでも作成したいと思います。これどうやってするの？

助けてください、ありがとう。

Answer 1

.cloneメソッドが必要な場合があります。

var ele = $('.myclass');

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

ライブデモ。

Answer 2

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 3

これを試して

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

Answer 4

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

メソッドを使用できます.append()。