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)簽對齊,以便更容易比較。
添加回答
舉報
0/150
提交
取消