Javascript Firebase数据库打印数据并获取每个元素的值

我从firebase获取数据，然后将其添加到购物车时遇到问题。也许我错了

首先根据类别打印数据。 我添加了with.html（）。 我的问题是： 有3种产品有3个不同的名称（椅子、桌子、沙发），我想用它当时的html+=”； html+=“”； html+=“”； html+=“”； html+=“”； html+=“”； html+=“”； html+=“”； html+=“”； html+=“”； html+=“”； html+=“”； html+=“”； html+=“”； html+=“”； html+=“”； html+=“”； html+=“”； }) $（“#productt”）.html（html）； }); }

function retriveImageShop(scelta){
  }
var leadsRef = firebase.database().ref().child("products").orderByChild("categoria").equalTo(scelta);
leadsRef.on('value', function(snapshot) {
  var html = "";
    snapshot.forEach(function(childSnapshot) {
      var counter = counter +1;
      var name = childSnapshot.child("name").val();
      var prezzo = childSnapshot.child("prezzo").val();
      var imgurl =childSnapshot.child("imgurl").val();


          html +=  "<div class='col-12 col-sm-6 col-md-12 col-xl-6'>"; 
          html += " <div class='single-product-wrapper'>"; 
          html += " <div class='product-img'>"; 
          html += "<img src='"+imgurl+"' alt=''>"; 
          html += "<img class='hover-img' src='"+imgurl+"' alt=''>";
          html += "</div>";
          html += "<div class='product-description d-flex align-items-center justify-content-between'>"; 
          html +="<div class='product-meta-data'>" ;
          html += "<div class='line'></div>";
          html +="<p id='price' class='product-price'>"+prezzo+"</p>" ;
          html +=" <a href='product-details.html'>" ;
          html += "<h6 id='name'>"+name+"</h6>";
          html += " </a>";
          html += "</div>";
          html += " <div class='ratings-cart text-right'>";
          html += "<div class='ratings'>";
          html += "<i class='fa fa-star' aria-hidden='true'></i>";
          html += "<i class='fa fa-star' aria-hidden='true'></i>";
          html += "<i class='fa fa-star' aria-hidden='true'></i>";
          html += "<i class='fa fa-star' aria-hidden='true'></i>";
          html += "<i class='fa fa-star' aria-hidden='true'></i>";
          html += "</div>";
          html += "<div class='cart'>";
          html += "<a onclick='test();' data-toggle='tooltip' data-placement='left' title='Add to Cart'>";
          html += "<img src='img/core-img/cart.png' alt=''></a>";
          html += "</div>";
          html += "</div>";
          html += "</div>";
          html += "</div>";
          html += "</div>";



    })

      $("#productt").html(html);



});

}