使用 For-Loop 克隆 div 并没有提供正确数量的克隆

Question

我正在尝试制作一个脚本，该脚本将克隆一个 div、引导程序 4 中的卡片并更改 div 中的文本。我希望这种情况发生一定次数，具体取决于变量。但是，当我使用下面的脚本时，我得到了 8 张卡片（7 个克隆），而不是它应该制作的 3 个克隆。有谁知道这里发生了什么？

$(document).ready(function(){
var cards = 3;
var id = ""; 
var newClass = ""; 
var i;

for(i = 0; i < cards; i++) {
    id = id + "1"; 
    newClass = newClass + "1"
    $(".listings").clone().addClass(newClass).appendTo("body"); 
    $("."+newClass).attr("id",id);
    $("#" + id + " " + "h1").text("$5000"); 
}

});

Answer 1

改变

.addClass(newClass)

到

.prop("class",newClass)