Question

我正在处理网站的订购流程，我正在尝试始终在窗口中显示订单提醒框。

目前，我已将此框设置为显示订单中的商品数量。

我想在此框中显示产品名称和数量。

以下是控制此框的代码：

$(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>

我想在柜台下面显示订单的内容，但我不知道我会怎么做。

Answer 1

只需在想要放入它的div上使用附加内容。

$("#myDiv").append($("<p>Object code: "+obj.stockCode+" Qty: "+obj.quantity+"</p>"));

您可以在jquery fragment初始化程序中放置任何html字符串。 {$（“＆lt; html＆gt;”）}

Answer 2

只需添加附加到您的代码 -

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

将Array的内容添加到div JS的HTML中

2 个答案: