Javascript-迭代对象并在HTML上显示

我的会话存储中有一个JSON对象。我想在我的视图上显示它们

对象：

    0: {itemName: "Item 1", itemPrice: 0, itemQuantity: "1"}
    1: {itemName: "Item 2", itemPrice: 0, itemQuantity: "1"}
    2: {itemName: "Item 3", itemPrice: 0, itemQuantity: "1"}

到目前为止，我尝试使用JQuery循环它，但它显示未定义

JS:

var cartimes=JSON.parse（sessionStorage.cart）；
$.each（项目、功能（键、值）{
$（“#cartList”）.html(
“
”+
''+cartItems.itemName+''的+
''+cartItems.itemQuantity+''项目数量+
“键盘箭头右键”+
“
”
);
});

HTML:

---

如果未正确访问循环中的值，则应将其作为

cartItems[key].itemName来访问。代码可能看起来像

$.each(cartItems, function(index, value) {

    $("#cartList").html(
        $("#cartList").html() +
        '<li class="list-group-item d-flex justify-content-between align-items-center d-flex justify-content-between w-100">' +
        '<a>' + cartItems[index].itemName + '</a>' +
        '<a>' + cartItems[index].itemQuantity + '</a>' +
        '<span class="badge"><i class="material-icons large">keyboard_arrow_right</i></span>' +
        '</li>'
    );

});

$。每个项目、函数（索引、值）{
$（“#cartList”）.html(
$（“#cartList”）.html（）+
“
”+
''+cartItems[索引].itemName+''+
''+cartItems[索引].itemQuantity+''+
“键盘箭头右键”+
“
”
);
});
谢谢！我得到了它。但它只显示对象中的最后一个数据（项目3）。@Ryan请检查我上面的代码。我已经在
$（“#cartList”）.html（）中添加了
$（“#cartList”）.html（）+/code>，否则内部html将被替换并始终显示最后一条记录。谢谢！我使用$（“#cartList”）.append而不是.html来显示它。但通过访问计数，我解决了这个问题。
<div class="list-group list-group-flush" id="cartList">
</div>

$.each(cartItems, function(index, value) {

    $("#cartList").html(
        $("#cartList").html() +
        '<li class="list-group-item d-flex justify-content-between align-items-center d-flex justify-content-between w-100">' +
        '<a>' + cartItems[index].itemName + '</a>' +
        '<a>' + cartItems[index].itemQuantity + '</a>' +
        '<span class="badge"><i class="material-icons large">keyboard_arrow_right</i></span>' +
        '</li>'
    );

});