第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用 javascript 將檢索到的 firebase 數(shù)據(jù)設(shè)置到 div 中

如何使用 javascript 將檢索到的 firebase 數(shù)據(jù)設(shè)置到 div 中

jeck貓 2023-08-18 14:31:17
我想將數(shù)據(jù)放入我已經(jīng)從 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();});我應(yīng)該在附加括號中寫入什么以將數(shù)據(jù)顯示為以下格式的 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>我想分別在“<img>”和“<p>”之間顯示圖像和描述字段。
查看完整描述

1 回答

?
慕蓋茨4494581

TA貢獻1850條經(jīng)驗 獲得超11個贊

看來你的工作快完成了。


要將 html 標(biāo)簽放入 div,請使用 $("#product_section").append(); 需要一個字符串作為輸入,其中包含相應(yīng)的結(jié)構(gòu),如下所示:


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);


我嘗試將代碼與 html 標(biāo)簽對齊,以便更容易比較。


查看完整回答
反對 回復(fù) 2023-08-18
  • 1 回答
  • 0 關(guān)注
  • 130 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號