尝试使用 jquery 克隆 HTML class 但我使用克隆的每种方法都会复制无限次

Trying to clone an HTML class using jquery but each method I use the clone copies an infinite number of times

第一次,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");}

})

每次迭代你 select 所有部分元素。所以每个循环你 select 你刚刚添加的那些。 Select 它一次,每次都克隆它。

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