2016-11-06 29 views
-1

我正在尝试在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。有什么想法吗?

回答

1

由于您的shoppingCart是一个数组,因此您可以使用jQuery的each函数对其进行迭代。

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