Question

我试图在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>

This是我目前所拥有的。

我正在考虑使用renderBasket()方法，我可以将其添加到dom中。有什么想法吗？

Answer 1

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

$("#shoppingCart").each(function( index, element) {
    console.log(index, element);
});

查看购物车中的物品，该物品是一组物品

1 个答案: