將Array的內容添加到div JS的HTML中
[英]Adding contents of Array to HTML of a div JS
問題描述
我正在為網站進行訂購過程，並且我一直在嘗試在窗口中始終顯示訂購警報框。
目前，我已將此框設置為顯示您的訂單中有多少物品。
我還要在此框中顯示產品名稱和數量。
下面是控制此框的代碼：
$(document).ready(function(){
//if cookie exists, show the panel
if($.cookie('order_cookie') != undefined){
productArray = JSON.parse($.cookie('order_cookie'));
$(".order-alert").show();
for(var i = 0; i < productArray.length; i++){
console.log(productArray[i]);
var obj = productArray[i];
console.log("Object code: " + obj.stockCode + " Qty: " + obj.quantity);
}
$('#order_counter').html(productArray.length);
}
});
console.log正在打印正確的數據，我想這只是將數據插入html一種情況
該框的HTML是：
<section class="order-alert">
<a href="xxxx">Your Order</a>
<p>You have <span id="order_counter">0</span> items in your order</p>
</section>
我想在櫃台下面顯示訂單的內容，但是我不確定該怎么做。
2 個解決方案
解決方案1
1 2014-06-12 15:05:26
只需在要放入它們的div上使用追加即可。
$("#myDiv").append($("<p>Object code: "+obj.stockCode+" Qty: "+obj.quantity+"</p>"));
您可以將任何html字符串放入jquery片段初始化程序中。 {$（“ <html>”）}
解決方案2
1 已采納 2014-06-12 15:08:59
只需將追加添加到您的代碼中-
for(var i = 0; i < productArray.length; i++){
console.log(productArray[i]);
var obj = productArray[i];
console.log("Object code: " + obj.stockCode + " Qty: " + obj.quantity);
$('.order-alert').append('<p>Object code: ' + obj.stockCode + ' Qty: ' + obj.quantity + '</p>');
}
創建DIV元素並添加HTML內容
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.