Fatal编程技术网
  • javascript/
  • Javascript 查看购物车中的项目，购物车是一个对象数组

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

javascript jquery

Javascript 查看购物车中的项目，购物车是一个对象数组,javascript,jquery,Javascript,Jquery,我正在尝试用javascript构建一个OO购物车。我有它添加随机产品到购物车，我可以点击得到篮子 如何迭代篮子项目，以便在每条记录旁边有一个删除按钮 我是这样想的： <body> <form action="#"> <button onclick="cart().add();">Add Random Product</button> <button onclick="c

我正在尝试用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>


加随机积
查看购物车
对于（var i=0；i
这就是我目前所拥有的

我正在考虑使用一个
renderBasket（）
方法，可以将它附加到dom中。有什么想法吗？

由于您的
shoppingCart
是一个数组，您可以使用jQuery中的函数对其进行迭代

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