Jquery 使用html（）相互擦除的克隆元素

我有下面的代码，我在元素上循环，提取必要的数据并将其输出到div

它当前输出的唯一数据是最后一个循环元素，这表明每次使用

.html（）

只是清除div

如何在每次不擦拭的情况下输出每个循环元素

  $('.sc-coupons-list').find('.text-xs.uppercase:contains("Store Credit")').each(function(){
      if ($(this).length > 0) {
        var amount = $(this).closest('.sc-coupon').find('.text-4xl.font-semibold').text();
        var expires = $(this).closest('.sc-coupon').find('.validity').text();
        var code = $(this).closest('.sc-coupon').find('.font-mono.uppercase').text();
        $('.store-credit-coupons').html("<div class='store-credit'><div class='coupon-logo'></div><div class='coupon-amount'>£" + amount + "</div><div class='coupon-strip'></div><div class='coupon-expires'>Expires: " + expires + "</div><div class='coupon-code'>Voucher code: " + code + "</div><a href='#' class='coupon-add'>Add to account</a><a href='#' class='coupon-donate'>Donate</a></div>");
      }
    });

$（'.sc优惠券列表'）.find（'.text xs.uppercase:contains（“商店信用”））.each（函数（）{
如果（$（此）.length>0）{
var amount=$（this）.closest（'.sc优惠券'）.find（'.text-4xl.font-semibold'）.text（）；
var expires=$（this）.closest（'.sc优惠券'）.find（'.validity'）.text（）；
var code=$（this）.closest（'.sc优惠券'）.find（'.font mono.uppercase'）.text（）；
$（'.store credit coups'）.html（“£”+amount+”过期：“+Expires+”凭证代码：“+code+”）；
}
});

尝试使用：

$（'.sc优惠券列表'）.find（'.text xs.uppercase:contains（“商店信用”））.each（函数（）{
如果（$（此）.length>0）{
var amount=$（this）.closest（'.sc优惠券'）.find（'.text-4xl.font-semibold'）.text（）；
var expires=$（this）.closest（'.sc优惠券'）.find（'.validity'）.text（）；
var code=$（this）.closest（'.sc优惠券'）.find（'.font mono.uppercase'）.text（）；
$（“.商店信用券”）。追加（“£”+金额+”到期：“+到期+”凭证代码：“+代码+”）；
}
});
使用
.append（）
。