尝试使用 jquery 克隆一个 HTML 类，但我使用克隆的每种方法都复制了无限次

如何解决尝试使用 jquery 克隆一个 HTML 类，但我使用克隆的每种方法都复制了无限次

第一次，uPenn 的开发学生。我成功克隆了一个 HTML 元素，但我无法让它使用 .length 克隆数组索引的次数。到目前为止，这是给我无限克隆的东西，感谢您的帮助：

$(function() {
console.log( "jquery,ready!" );

var usTime = ["9am","10am","11am","12pm","1pm","2pm","3pm","4pm","5pm"];
var militaryTime = [9,10,11,12,13,14,15,16,17];

    for (var i = 0; i < usTime.length; i++){
    $("section").clone().appendTo("main");}

})

解决方法

每次迭代都会选择所有的部分元素。所以每个循环你选择你刚刚添加的那些。选择一次并每次都克隆它。

var section = $("section");
for (var i = 0; i < usTime.length; i++){
  section.clone().appendTo("main");
}