如何使用javascript将检索到的firebase数据设置为div

我想把数据放入我已经从firebase检索到的div中。以下是我的javascript代码：

var rootRef = firebase.database().ref().child("products");
rootRef.on("child_added", snap => {
    alert(snap.val());
    var image = snap.child("image").val();
    var desp = snap.child("description").val();

    $("#product_section").append();
});

要将数据显示为以下格式的html代码，我应该在附加括号中写入什么内容：

<div id="product_section" class="container">
        <div class="row">
          <div class="col-md-6 col-sm-6 productDetails">
            <p>Something from description field of Firebase 1 </p>
          </div>
          <div class="col-md-6 col-sm-6">
            <img src="image src form Firebase">
          </div>
        </div>
        <div class="row">
          <div class="col-md-6 col-sm-6 productDetails">
            <p>Something from description field of Firebase 2 </p>
          </div>
          <div class="col-md-6 col-sm-6">
            <img src="image src form Firebase">
          </div>
        </div>
</div>

Firebase 1的描述字段中的某些内容

Firebase 2的描述字段中的某些内容

---

我想分别在“”和“”之间显示图像和描述字段。

看起来您几乎完成了这项工作

要将html标记放入div中，$（“#product_section”）.append（）；需要一个字符串作为输入，该字符串包含以下相应结构：

var image_and_desp_string = 
   '<div class="row">'
     + '<div class="col-md-6 col-sm-6 productDetails">'
         + '<p>' + desp + '</p>'
     + '</div>'
     + '<div class="col-md-6 col-sm-6">'
         + '<img src="' + image + '">'
     + '</div>'
 + '</div>';
$("#product_section").append(image_and_desp_string);

var-image\u和\u-desp\u字符串=
''
+ ''
+“”+desp+”
”
+ ''
+ ''
+ ''
+ ''
+ '';
$（“#产品#部分”）.append（图像#和#desp#字符串）；

---

我尝试将代码与html标记对齐，以便更容易比较。

看起来您几乎完成了这项工作

要将html标记放入div中，$（“#product_section”）.append（）；需要一个字符串作为输入，该字符串包含以下相应结构：

var image_and_desp_string = 
   '<div class="row">'
     + '<div class="col-md-6 col-sm-6 productDetails">'
         + '<p>' + desp + '</p>'
     + '</div>'
     + '<div class="col-md-6 col-sm-6">'
         + '<img src="' + image + '">'
     + '</div>'
 + '</div>';
$("#product_section").append(image_and_desp_string);

var-image\u和\u-desp\u字符串=
''
+ ''
+“”+desp+”
”
+ ''
+ ''
+ ''
+ ''
+ '';
$（“#产品#部分”）.append（图像#和#desp#字符串）；

---

我尝试将代码与html标记对齐，以便更容易比较。

如何在一侧甚至另一侧显示奇数id数据？请帮忙@我想你是想让你的页面更具可读性。然后，我建议您使用带两列的，而不是，因为更容易理解和对齐其中的元素。它可能最终呈现为偶数项奇数项…………对于奇数id，我想显示描述，然后并排显示图像，对于偶数id，我想显示图像，然后并排显示描述，希望您理解请查看此问题以便更好地理解，我如何在一侧和另一侧显示奇数id数据？请帮忙@我想你是想让你的页面更具可读性。然后，我建议您使用带两列的，而不是，因为更容易理解和对齐其中的元素。它可能最终呈现为偶数项奇数项…………对于奇数id，我想显示描述，然后并排显示图像，对于偶数id，我想显示图像，然后并排显示描述，希望您理解请查看此问题以便更好地理解，