查看购物车中的项目，购物车是一个对象数组

Viewing items in a cart which is an array of objects

本文关键字：购物车 一个对象 数组 项目      更新时间：2023-09-26

我试图在javascript中构建一个OO购物车。我已经让它将随机产品添加到购物车中，我可以点击获取购物篮。

我如何遍历篮子项目，以便我可以在每个记录旁边有一个删除按钮?

我在想这样的事情:

    <body>
        <form action="#">
            <button onclick="cart().add();">Add Random Product</button>
            <button onclick="cart().getBasket();">View Cart</button>
        </form>
        <script type="text/javascript">
            for (var i=0; i < cart().getBasket().length; i++){
                console.log(cart().getBasket()[i]);
            }
        </script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
        <script src="shopping-cart.js"></script>
        <script>
            $(document).ready(function(){
                c$();
            });
        </script>

这是我目前所掌握的。

我正在考虑有一个renderBasket()方法，我可以追加到dom。任何想法吗?

由于您的shoppingCart是一个数组，您可以使用jQuery中的each函数来遍历它。

$("#shoppingCart").each(function( index, element) {
    console.log(index, element);
});
相关文章：