用于开发的 jQuery 重复(克隆？)HTML

Question

我正在为具有大约 100 行或相同 HTML 的开发网站使用虚拟内容 - 即

<div class="container">
   <div class="row">
    Content
   </div>
   <div class="row">
    Content
   </div>
  <div class="row">
    Content
   </div>
   ... up to 100
</div>

有没有办法使用 jQuery 克隆该 .row div 并将其添加到容器 x 次以用于开发目的，而不是手动粘贴多行？

Answer 1

您是否尝试过使用 jQuery 的 clone method?

var row = $('.row');
for(var i = 0; i < 100; i++ )
   $('.container').append(row.clone())